@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.header-left{display:flex;align-items:center;gap:16px}.menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s ease}.menu-button:hover{background-color:var(--color-surface-hover)}h1.page-title{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0;line-height:1;font-family:var(--font-geist);display:flex;align-items:center;position:relative;top:1px}.search-container{flex:1;max-width:600px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#fafafa}.search-input{width:100%;height:40px;padding:0 12px 0 36px;border:none;border-radius:6px;font-size:.875rem;background-color:#18181a;color:#fafafa}.search-input::placeholder{color:#fafafa;opacity:.7}.search-input:focus{outline:none;background-color:#27272a}.header-actions{display:flex;align-items:center}.icon-button{background:none;border:none;cursor:pointer;position:relative;margin-right:12px;color:#64748b;padding:8px;border-radius:6px}.icon-button:hover{background-color:#f1f5f9;color:#334155}.notification-badge{position:absolute;top:0;right:0;background-color:#ef4444;color:#fff;font-size:.75rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-menu-container{position:relative}.user-button{background:none;border:none;cursor:pointer;padding:0}.header-user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.header-user-avatar-placeholder{width:36px;height:36px;border-radius:50%;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background-color:#fff;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a;z-index:10;overflow:hidden}.user-info{padding:16px}.user-name{font-weight:600;margin:0 0 4px}.user-email{font-size:.875rem;color:#64748b;margin:0}.dropdown-divider{height:1px;background-color:#e2e8f0;margin:0}.dropdown-item{display:block;width:100%;text-align:left;padding:12px 16px;background:none;border:none;cursor:pointer;font-size:.875rem}.dropdown-item:hover{background-color:#f1f5f9}.header-right{display:flex;align-items:center;gap:12px;margin-left:auto;padding-right:20px}.brand-selector-container{position:relative;display:flex;align-items:center}.brand-selector-button{display:flex;align-items:center;background-color:#18181a;border:1px solid var(--color-border);padding:6px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;font-size:14px;color:#fafafa;min-width:150px;justify-content:space-between;height:40px}.brand-selector-button:hover,.brand-selector-button.active{background-color:#27272a;border-color:#3f3f46}.brand-selector-info-active{margin-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.brand-selector-button .chevron-icon{transition:transform .2s ease;color:var(--color-text-secondary)}.brand-selector-button .chevron-icon.open{transform:rotate(180deg)}.brand-selector-dropdown{position:absolute;top:calc(100% + 5px);right:0;background-color:#18181a;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 12px #00000040;z-index:1000;width:max-content;min-width:220px}.brand-selector-dropdown-header{padding:10px 15px;border-bottom:1px solid #27272a;background-color:#202023}.brand-selector-dropdown-header h3{margin:0;font-size:14px;font-weight:600;color:var(--color-text-secondary)}.brand-selector-list{max-height:300px;overflow-y:auto;padding-top:5px}.brand-selector-item{display:flex;align-items:center;width:100%;padding:10px 15px;background-color:transparent;border:none;text-align:left;cursor:pointer;font-size:14px;color:#fafafa;transition:background-color .1s ease}.brand-selector-item:hover{background-color:#27272a}.brand-selector-item.active{background-color:#2d69eb26;font-weight:600;color:#58a6ff;border-left:3px solid #58A6FF;padding-left:12px}.brand-selector-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-selector-loading,.brand-selector-info{display:flex;align-items:center;padding:6px 12px;font-size:14px;color:var(--color-text-secondary);height:40px}.brand-selector-loading .animate-spin{margin-right:8px}.header-title-group{display:flex;flex-direction:column;gap:2px;margin-left:8px}.page-title{color:#fafafa;font-size:18px;font-weight:600;margin:0;line-height:1.1;font-family:var(--font-geist)}.page-subtitle{color:var(--color-text-secondary);font-size:13px;font-weight:400;margin:0;line-height:1.2}.theme-toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s ease}.theme-toggle-button:hover{background-color:var(--color-surface-hover)}.theme-toggle-button svg{transition:transform .3s ease}.theme-toggle-button:hover svg{transform:rotate(15deg)}.notification-bell-container{position:relative}.notification-bell-button{position:relative;background:transparent;border:none;color:#ffffffb3;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-bell-button:hover{background:#ffffff1a;color:#ffffffe6}.notification-badge{position:absolute;top:4px;right:4px;background:var(--color-error);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0003}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:420px;max-width:90vw;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px #00000080;z-index:1000;animation:slideDown .2s ease}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.notification-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:#ffffffe6}.close-button{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#fffc}.notification-dropdown-body{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.notification-dropdown-body::-webkit-scrollbar{width:6px}.notification-dropdown-body::-webkit-scrollbar-track{background:transparent}.notification-dropdown-body::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#ffffff80}.notification-loading .spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:#ffffff80;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.notification-empty svg{color:#fff3;margin-bottom:12px}.notification-empty p{margin:0;font-size:14px;font-weight:500;color:#ffffffb3}.notification-empty span{font-size:12px;color:#fff6;margin-top:4px}.notification-list{padding:8px}.notification-item{padding:12px;margin-bottom:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease}.notification-item:last-child{margin-bottom:0}.notification-item:hover{background:#ffffff0d;border-color:#ffffff1f}.notification-item.active{border-left:3px solid #3b82f6}.notification-item.acknowledged{opacity:.7;border-left:3px solid #10b981}.notification-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.severity-icon{flex-shrink:0;margin-top:2px}.severity-icon.critical{color:#ef4444}.severity-icon.warning{color:#f59e0b}.severity-icon.info{color:#3b82f6}.notification-meta{display:flex;justify-content:space-between;align-items:center;flex:1;font-size:11px}.notification-type{background:#ffffff1a;padding:2px 6px;border-radius:4px;color:#fff9;text-transform:uppercase;font-weight:500}.notification-time{color:#fff6}.notification-title{margin:0 0 4px;font-size:14px;font-weight:600;color:#ffffffe6}.notification-message{margin:0 0 8px;font-size:13px;line-height:1.5;color:#ffffffb3}.notification-action-required{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:6px;padding:8px 10px;margin:8px 0;font-size:12px;color:#f59e0be6;line-height:1.4}.notification-action-required strong{display:block;margin-bottom:2px;font-weight:600}.notification-details{display:flex;gap:12px;margin:8px 0;font-size:12px;color:#ffffff80}.notification-details .error-code{background:#ef44441a;padding:2px 6px;border-radius:4px;color:#ef4444e6;font-family:monospace}.notification-details .brand-name{background:#3b82f61a;padding:2px 6px;border-radius:4px;color:#3b82f6e6;font-weight:500}.notification-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.acknowledge-button,.resolve-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.acknowledge-button:hover{background:#3b82f61a;border-color:#3b82f680;color:#3b82f6}.resolve-button:hover{background:#10b9811a;border-color:#10b98180;color:#10b981}.action-link{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-size:12px;color:#3b82f6;text-decoration:none;transition:all .2s ease}.action-link:hover{background:#3b82f61a}.notification-dropdown-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.notification-dropdown-footer a{color:#3b82f6;text-decoration:none;font-size:13px;font-weight:500;transition:opacity .2s ease}.notification-dropdown-footer a:hover{opacity:.8}.sidebar{width:245px;height:100vh;background-color:var(--color-surface);color:var(--color-text-primary);display:flex;flex-direction:column;padding:12px;position:fixed;left:0;top:0;overflow-y:hidden;overflow-x:hidden;z-index:100;transition:transform .3s ease}.sidebar-collapsed{transform:translate(-100%)}.main-content{transition:margin-left .3s ease;margin-left:245px}.sidebar.sidebar-collapsed+.main-content{margin-left:0}.company-header{display:flex;align-items:center;padding:12px 12px 12px 6px;gap:12px;margin-bottom:24px;position:relative;z-index:1000}.company-logo{width:48px;height:48px;flex-shrink:0}.logo-box{width:48px;height:48px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.company-info,.company-info h2,.company-info p,.chevron-button{display:none}.section-title{font-size:13px;font-weight:500;color:var(--color-text-primary);padding:0 12px;margin-bottom:8px;font-family:var(--font-geist)}.nav-menu{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:8px 12px;color:var(--color-text-secondary);text-decoration:none;border-radius:6px;transition:all .2s}.nav-item:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.nav-item.active{background-color:var(--color-surface-active);color:var(--color-text-primary)}.nav-item span{font-size:14px;font-family:var(--font-geist);white-space:normal;word-break:break-word}.sidebar-bottom{margin-top:auto;padding:8px}.user-profile{display:flex;align-items:center;width:100%;gap:8px;margin-top:8px;background-color:none;border:none;border-radius:4px;cursor:default;text-align:left;position:relative;overflow:hidden}.user-avatar{width:32px;height:32px;border-radius:6px;overflow:hidden;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-geist);font-size:12px;font-weight:500;flex-shrink:0}.user-info{flex:1;display:flex;flex-direction:column;min-width:0}.username{color:var(--color-text-primary);font-size:13px;font-weight:500;font-family:var(--font-geist);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email{color:var(--color-text-secondary);font-size:12px;font-weight:400}.more-icon{background:none;border:none;color:var(--color-text-tertiary);padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;margin-left:auto;flex-shrink:0}.more-icon:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.user-profile:hover{background-color:transparent}.team-selector{display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:4px 8px;margin-top:2px;cursor:pointer;width:100%;text-align:left;color:var(--color-text-primary);outline:none}.team-selector:focus{outline:none;border:none}.chevron-container{position:relative;width:14px;height:14px}.chevron-up,.chevron-down{position:absolute;right:0;color:var(--color-text-primary)}.chevron-up{transform:rotate(180deg);top:-7px}.chevron-down{bottom:-7px}.team-dropdown{position:fixed;width:225px;max-height:400px;background-color:var(--color-background-secondary);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:1000;overflow-y:auto;overflow-x:hidden;left:230px;top:20px;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-surface)}.team-dropdown::-webkit-scrollbar{width:6px}.team-dropdown::-webkit-scrollbar-track{background:var(--color-surface);border-radius:3px}.team-dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.team-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.team-dropdown-header{padding:10px 16px;border-bottom:1px solid var(--color-border)}.team-dropdown-header h3{margin:0;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.team-list{padding:4px;margin-bottom:4px}.team-list:last-child{margin-bottom:8px}.team-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left}.team-item:hover,.team-item.active{background-color:var(--color-surface-hover)}.team-item-logo{width:28px;height:28px;border-radius:4px;overflow:hidden;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:14px;flex-shrink:0}.team-item-info{display:flex;flex-direction:column}.team-item-name{font-size:14px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-item-type{font-size:12px;font-weight:400;color:var(--color-text-secondary);margin-top:2px}.team-item-plan{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.collection-indicator{font-size:12px;color:var(--color-success);font-weight:500;margin-top:4px;margin-left:0;padding:2px 6px;background-color:var(--color-success-bg);border-radius:4px;border:1px solid var(--color-success);align-self:flex-start;width:fit-content}.dropdown-section-desc{font-size:11px;color:var(--color-text-tertiary);font-weight:400;margin-top:4px}.no-selection-message{padding:16px 12px;text-align:center;color:var(--color-text-secondary)}.no-selection-message p{margin:0 0 8px;font-size:13px}.no-selection-message p:last-child{margin-bottom:0;font-size:12px;color:var(--color-text-tertiary)}.team-dropdown-divider{height:1px;background-color:var(--color-border);margin:4px 0}.create-team-button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;color:var(--color-text-primary);cursor:pointer;text-align:left;font-size:13px}.create-team-button:hover{background-color:var(--color-surface-hover)}.team-info{display:flex;flex-direction:column}.team-info h2{color:var(--color-text-primary);font-size:14px;font-weight:500;margin:0;font-family:var(--font-geist)}.team-info p{color:var(--color-text-secondary);font-size:12px;margin:0;font-family:var(--font-geist)}.team-selector.active{background-color:var(--color-surface-hover);border-radius:6px;padding:4px 8px}.user-menu-dropdown{position:fixed;top:auto;left:235px;width:150px;background-color:var(--color-background-secondary);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:1000;overflow:hidden}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;color:var(--color-text-primary);cursor:pointer;text-align:left;font-size:13px;font-family:var(--font-geist)}.user-menu-item:hover{background-color:var(--color-surface-hover)}.layout-container{display:flex}.company-logo-image,.team-logo-image{width:100%;height:100%;border-radius:4px;object-fit:cover}.user-avatar-image{width:100%;height:100%;border-radius:6px;object-fit:cover}.create-brand-modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000c;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-brand-modal-container .brand-overlay{background-color:var(--color-background);border-radius:12px;padding:40px;width:600px!important;max-width:100%!important;box-shadow:0 8px 32px #0006;color:var(--color-text-primary);border:1px solid var(--color-border);position:relative;margin:20px}.create-brand-modal-container .close-button{position:absolute;top:20px;right:20px;background:var(--color-surface);border:none;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;cursor:pointer;z-index:10;width:36px;height:36px}.create-brand-modal-container .brand-overlay .auth-form-container{width:100%;margin:10px auto 0}.create-brand-modal-container .brand-overlay .auth-form{display:flex;flex-direction:column;width:100%;gap:30px}.create-brand-modal-container .brand-overlay .input-group{width:100%;margin-bottom:0}.create-brand-modal-container .input-group label{display:block;margin-bottom:10px;font-size:16px;font-weight:500;color:var(--color-text-secondary);font-family:var(--font-geist)}.create-brand-modal-container .brand-overlay input,.create-brand-modal-container .brand-overlay .brand-name-input{width:100%;padding:12px 16px;height:45px;background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:16px;box-sizing:border-box;margin-bottom:0}.create-brand-modal-container .brand-overlay .login-button{width:100%;height:45px;background-color:var(--color-surface-active);color:var(--color-text-primary);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:not-allowed;margin-top:20px}.create-brand-modal-container .brand-overlay .login-button:not(:disabled){background-color:var(--color-primary);color:#fff}.create-brand-modal-container .brand-overlay .login-button:not(:disabled):hover{background-color:var(--color-primary-hover);color:#fff}.create-brand-modal-container .brand-overlay .login-button:disabled:hover{background-color:#3f3f46;color:#fff;cursor:not-allowed}.auth-container:not(.create-brand-modal-container){background-color:#000;background-image:linear-gradient(180deg,#000,#111)}.create-brand-modal-container .close-button{position:absolute;top:20px;right:20px;background:#0003;border:none;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;cursor:pointer;z-index:10;width:36px;height:36px}.create-brand-modal-container .close-button:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.create-brand-modal-container .brand-overlay .error-message{color:var(--color-error);font-size:14px;margin-bottom:16px;padding:8px 12px;background-color:var(--color-error-bg);border-radius:6px;text-align:center}.create-brand-modal-container .auth-form,.create-brand-modal-container .input-group{width:100%!important}.create-brand-modal-container .brand-overlay input,.create-brand-modal-container .auth-box.brand-overlay input{width:100%!important;padding:16px 20px;background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:16px;font-family:var(--font-geist);transition:all .2s;height:56px}.create-brand-modal-container .brand-overlay input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-active)}.create-brand-modal-container .brand-overlay .close-button{position:absolute;top:16px;right:16px;background:var(--color-surface);border:none;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;cursor:pointer;z-index:10;width:36px;height:36px}.create-brand-modal-container .brand-overlay .close-button:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.create-brand-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.create-brand-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.create-brand-content{background-color:#1a1a1a;padding:24px 32px;border-radius:12px;box-shadow:0 20px 40px #0006;text-align:center;max-width:420px;width:100%;border:1px solid #333}.create-brand-brand-name-input{height:20px}.create-brand-content h2{margin-top:0;margin-bottom:12px;color:#fafafa}.create-brand-content p{margin-bottom:20px;color:var(--color-text-secondary);font-size:14px}.create-brand-content .form-group{margin-bottom:16px;text-align:left}.create-brand-content label{display:block;margin-bottom:6px;font-weight:600;color:#e4e4e7}.create-brand-content input[type=text]{width:100%;padding:10px 12px;border:1px solid #3f3f46;border-radius:6px;box-sizing:border-box;font-size:14px;background-color:#18181b;color:#fafafa}.create-brand-content input[type=text]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.create-brand-content button{background-color:#3b82f6;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease;width:100%}.create-brand-content button:hover{background-color:#2563eb}.create-brand-content button:disabled{background-color:#52525b;cursor:not-allowed}.create-brand-content .error-message{color:#ef4444;font-size:13px;margin-top:-8px;margin-bottom:12px;text-align:center}.create-brand-auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#0a0a0b}.create-brand-auth-box{background:#1a1a1a;border-radius:12px;padding:24px;box-shadow:0 20px 40px #0006;max-width:420px;width:100%;position:relative;border:1px solid #333}.create-brand-auth-icon{text-align:center;margin-bottom:16px}.create-brand-auth-icon img{width:40px;height:40px}.create-brand-auth-subtitle{font-size:13px;color:var(--color-text-secondary);margin:0 0 20px;text-align:center;line-height:1.4}.create-brand-auth-form{display:flex;flex-direction:column;gap:16px}.create-brand-input-group{display:flex;flex-direction:column;gap:5px}.create-brand-input-group label{font-size:12px;font-weight:600;color:#e4e4e7;margin:0}.create-brand-input-wrapper{position:relative}.create-brand-input-group input{width:100%;padding:8px 10px;border:1px solid #3f3f46;border-radius:5px;font-size:13px;transition:all .2s ease;background-color:#18181b;color:#fafafa;box-sizing:border-box}.create-brand-input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.create-brand-input-group input::placeholder{color:var(--color-text-muted)}.create-brand-input-group select,.create-brand-brand-collection-select{width:100%;padding:8px 28px 8px 10px;border:1px solid #3f3f46;border-radius:5px;font-size:13px;background-color:#18181b;color:#fafafa;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a1a1aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:12px}.create-brand-input-group select:focus,.create-brand-brand-collection-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.create-brand-input-group select:disabled,.create-brand-brand-collection-select:disabled{background-color:#27272a;color:var(--color-text-muted);cursor:not-allowed}.create-brand-input-group select option,.create-brand-brand-collection-select option{padding:5px;background-color:#18181b;color:#fafafa}.create-brand-login-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:10px 16px;border:none;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;position:relative;overflow:hidden}.create-brand-login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #3b82f64d}.create-brand-login-button:disabled{background:#52525b;cursor:not-allowed;transform:none;box-shadow:none}.create-brand-close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.create-brand-close-button:hover{background-color:#27272a;color:#fafafa}.create-brand-brand-setup-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e1b4b,#312e81);display:flex;align-items:center;justify-content:center;z-index:1000}.create-brand-brand-setup-fullscreen .create-brand-auth-box{background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #333;box-shadow:0 25px 50px #0000004d}.create-brand-brand-setup-fullscreen .create-brand-auth-title{color:#fafafa;font-size:28px;margin-bottom:10px}.create-brand-brand-setup-fullscreen .create-brand-auth-subtitle{color:var(--color-text-secondary);font-size:16px;margin-bottom:32px}.create-brand-brand-setup-fullscreen .create-brand-auth-form{gap:24px}.create-brand-brand-setup-fullscreen .create-brand-input-group{gap:8px}.create-brand-brand-setup-fullscreen label{font-size:14px;font-weight:600;color:#e4e4e7}.create-brand-brand-setup-fullscreen input,.create-brand-brand-setup-fullscreen select{padding:12px 14px;border:1px solid #3f3f46;border-radius:8px;font-size:15px;transition:all .2s ease;background-color:#18181b;color:#fafafa}.create-brand-brand-setup-fullscreen select,.create-brand-brand-setup-fullscreen .create-brand-brand-collection-select{padding:12px 36px 12px 14px;border:1px solid #3f3f46;border-radius:8px;font-size:15px;background-color:#18181b;color:#fafafa;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a1a1aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.create-brand-brand-setup-fullscreen select:focus,.create-brand-brand-setup-fullscreen .create-brand-brand-collection-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.create-brand-brand-setup-fullscreen select:disabled,.create-brand-brand-setup-fullscreen .create-brand-brand-collection-select:disabled{background-color:#27272a;color:var(--color-text-muted);cursor:not-allowed}.create-brand-brand-setup-fullscreen select option,.create-brand-brand-setup-fullscreen .create-brand-brand-collection-select option{padding:8px;background-color:#18181b;color:#fafafa}.create-brand-brand-setup-fullscreen .create-brand-login-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.create-brand-brand-setup-fullscreen .create-brand-login-button:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.create-brand-brand-setup-fullscreen .create-brand-login-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 12px 30px #3b82f666}.create-brand-brand-setup-fullscreen .create-brand-login-button:disabled:hover{transform:none;box-shadow:none}.create-brand-brand-setup-fullscreen .create-brand-link-button{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.create-brand-brand-setup-fullscreen .create-brand-logout-link{color:#ef4444;text-decoration:none;font-weight:500;transition:color .2s ease}.create-brand-radio-group{display:flex;flex-direction:column;gap:10px}.create-brand-radio-label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #3f3f46;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:#18181b}.create-brand-radio-label:hover{border-color:#3b82f6;background-color:#1f1f23}.create-brand-radio-label input[type=radio]{width:16px;height:16px;accent-color:#3b82f6;margin:0}.create-brand-brand-setup-modal .create-brand-radio-group{gap:8px}.create-brand-brand-setup-modal .create-brand-radio-label{padding:10px;border-radius:5px}.create-brand-brand-setup-modal .create-brand-radio-label input[type=radio]{width:14px;height:14px}.create-brand-modal-header{text-align:center;margin-bottom:16px}.create-brand-modal-divider{height:1px;background-color:#3f3f46;margin:0 0 20px}.create-brand-auth-title{font-size:20px;font-weight:700;color:#fafafa;margin:0 0 4px;text-align:center}.create-brand-auth-subtitle{font-size:13px;color:var(--color-text-secondary);margin:0;text-align:center;line-height:1.4}.create-brand-error-message{display:flex;align-items:center;gap:5px;padding:8px 10px;background-color:#1f1f23;border:1px solid #dc2626;border-radius:5px;color:#ef4444;font-size:12px;margin-bottom:16px}.create-brand-error-icon{font-size:12px}.create-brand-form-section{display:flex;flex-direction:column;gap:10px;padding:12px;background-color:#1f1f23;border-radius:6px;border:1px solid #3f3f46}.create-brand-section-header{display:flex;align-items:center;gap:5px;margin-bottom:5px}.create-brand-section-header h3{font-size:13px;font-weight:600;color:#e4e4e7;margin:0}.create-brand-section-header svg{color:#3b82f6}.create-brand-button-content{display:flex;align-items:center;justify-content:center;gap:5px}.create-brand-loading-spinner-small{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:create-brand-spin 1s linear infinite}.create-brand-brand-toggle-container{margin-bottom:8px}.create-brand-brand-toggle{display:flex;background-color:#18181b;border:1px solid #3f3f46;border-radius:5px;overflow:hidden}.create-brand-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;background:none;border:none;color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-brand-toggle-btn:hover:not(:disabled){background-color:#1f1f23;color:#fafafa}.create-brand-toggle-btn.active{background-color:#3b82f6;color:#fff}.create-brand-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.create-brand-toggle-btn svg{width:12px;height:12px}.create-brand-brand-selection-cards,.create-brand-brand-card,.create-brand-brand-card-icon,.create-brand-brand-card-content,.create-brand-brand-card-check,.create-brand-checkmark{display:none}@keyframes create-brand-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.create-brand-auth-box{padding:20px;margin:10px}.create-brand-auth-title{font-size:18px}.create-brand-auth-subtitle{font-size:12px}.create-brand-form-section{padding:10px}}.create-brand-custom-dropdown{position:relative;width:100%}.create-brand-dropdown-trigger{width:100%;padding:8px 10px;border:1px solid #3f3f46;border-radius:5px;font-size:13px;background-color:#18181b;color:#fafafa;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.create-brand-dropdown-trigger:hover:not(.disabled){border-color:#3b82f6}.create-brand-dropdown-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.create-brand-dropdown-trigger.disabled{background-color:#27272a;color:var(--color-text-muted);cursor:not-allowed}.create-brand-dropdown-value{flex:1;text-align:left}.create-brand-dropdown-arrow{color:var(--color-text-secondary);transition:transform .2s ease;flex-shrink:0;margin-left:8px}.create-brand-dropdown-trigger.open .create-brand-dropdown-arrow{transform:rotate(180deg)}.create-brand-dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#18181b;border:1px solid #3f3f46;border-top:none;border-radius:0 0 5px 5px;max-height:150px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d}.create-brand-dropdown-item{padding:8px 10px;font-size:13px;color:#fafafa;cursor:pointer;transition:background-color .2s ease}.create-brand-dropdown-item:hover{background-color:#1f1f23}.create-brand-dropdown-item.selected{background-color:#3b82f6;color:#fff}.create-brand-dropdown-item.selected:hover{background-color:#2563eb}.create-brand-dropdown-menu::-webkit-scrollbar{width:6px}.create-brand-dropdown-menu::-webkit-scrollbar-track{background:#18181b}.create-brand-dropdown-menu::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.create-brand-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#52525b}.layout-container{display:flex;min-height:100vh;background-color:var(--color-background);max-width:100vw;overflow-x:hidden}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary);position:relative;z-index:1;max-width:100%;overflow-x:hidden}.content-area{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-background-secondary)}*::-ms-scrollbar{width:10px;height:10px}*::-ms-scrollbar-track{background:var(--color-background-secondary)}*::-ms-scrollbar-thumb{background:#333336}.xecom-fullscreen-loader{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);color:var(--color-text-primary);position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.xecom-loader-content{text-align:center;padding:2rem}.xecom-loader-logo{width:150px;height:50px;object-fit:contain;margin-bottom:1.5rem}.xecom-loader-title{margin:0 0 .75rem;font-size:1.75rem;font-weight:500;color:var(--color-text-primary);letter-spacing:.5px}.xecom-loader-subtitle{margin:0;opacity:.7;font-size:1rem;color:var(--color-text-secondary)}.xecom-loader-progress-container{width:80%;height:8px;background-color:var(--color-surface-hover);border-radius:4px;margin:20px auto;overflow:hidden}.xecom-loader-progress-bar{height:100%;background-color:var(--color-primary);border-radius:4px;transition:width .3s ease-in-out}.xecom-loader-retry-button{background-color:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:16px;cursor:pointer;margin-top:20px;transition:background-color .2s ease}.xecom-loader-retry-button:hover{background-color:var(--color-primary-hover)}.xecom-loader-retry-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-active)}*{margin:0;padding:0}button{margin-top:10px}.dashboard{padding:1rem;width:100%;background-color:var(--color-background);color:#f1f5f9;min-height:100vh}@media (min-width: 768px){.dashboard{padding:1.5rem}}.dashboard-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.dashboard-header-left h1{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .25rem}.dashboard-header-left p{color:var(--color-text-secondary);font-size:14px}.dashboard-header-right{display:flex;align-items:center;gap:.75rem}.dashboard-controls{margin-bottom:1.5rem}.time-control-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.375rem;transition:all .2s;border:none;cursor:pointer;background:none}.time-control-btn:not(.active){color:var(--color-text-secondary)}.time-control-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.time-control-btn:last-child{margin-left:.25rem;padding:.375rem}.icon-calendar{width:1rem;height:1rem}.date-picker-container{position:absolute;top:100%;right:0;z-index:1000;margin-top:.5rem;background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.date-picker-inputs{display:flex;gap:1rem;margin-bottom:1rem}.revenue-section{margin-bottom:2rem}.revenue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.revenue-header h2{font-size:1.125rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem;margin:0}.revenue-icon{width:1.25rem;height:1.25rem}.revenue-label{font-size:1.125rem;font-weight:600;color:#fff}.revenue-period{font-size:.875rem;color:var(--color-text-secondary)}.metrics-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.metrics-grid{grid-template-columns:repeat(5,1fr)}.revenue-section .metrics-grid{grid-template-columns:repeat(3,1fr)}.metrics-section .metrics-grid{grid-template-columns:repeat(4,1fr)}}.cohort-metric-card{background-color:#1f29374d;border-radius:.5rem;border:1px solid #374151;padding:1.25rem;display:flex;flex-direction:column}.metric-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.metric-icon-wrapper{padding:.375rem;border-radius:.375rem}.metric-icon-wrapper.ltv{background-color:#5bffb833;color:#5bffb8}.metric-icon-wrapper.approval{background-color:#39c4ff33;color:#39c4ff}.metric-icon-wrapper.retention{background-color:#b19cd933;color:#b19cd9}.metric-title{font-size:.875rem;font-weight:500;margin:0}.metric-title.ltv{color:#5bffb8}.metric-title.approval{color:#39c4ff}.metric-title.retention{color:#b19cd9}.metric-value{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;flex-grow:1}.metric-value.ltv{color:#5bffb8}.metric-value.approval{color:#39c4ff}.metric-value.retention{color:#b19cd9}.metric-trend{display:flex;align-items:center;font-size:.875rem;font-weight:500}.metric-trend.positive{color:#10b981}.metric-trend.negative{color:#ef4444}.metric-trend svg{width:.75rem;height:.75rem;margin-right:.25rem}.sub-metrics{margin-top:1rem;padding-top:1rem;border-top:1px solid #374151;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.sub-metric{display:flex;align-items:center;gap:.5rem}.sub-metric-dot{width:.625rem;height:.625rem;border-radius:50%}.sub-metric-content{display:flex;flex-direction:column}.sub-metric-label{font-size:.875rem;color:var(--color-text-secondary)}.sub-metric-value{font-size:1rem;font-weight:500;margin-top:.25rem;display:flex;align-items:center}.sub-metric-change{margin-left:.375rem;display:flex;align-items:center;font-size:.875rem}.sub-metric-change.positive{color:#10b981}.sub-metric-change.negative{color:#ef4444}.sub-metric-change svg{width:.625rem;height:.625rem;margin-right:.125rem}.charts-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media (min-width: 1024px){.charts-grid{flex-direction:row}}.chart-column{flex:1;min-width:0}.chart-section{background-color:#1f29374d;border-radius:.5rem;border:1px solid #374151;overflow:hidden;display:flex;flex-direction:column}.chart-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem}.chart-title{font-size:.875rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem;margin:0}.chart-subtitle{font-size:.75rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem;margin:0}.chart-container{padding:1rem;padding-top:0;flex:1;display:flex;flex-direction:column;position:relative;min-height:0}.chart-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);opacity:.9;z-index:10;border-radius:.5rem}.no-data-message{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);font-size:.875rem;margin:0}.revenue-metrics-summary,.approval-metrics-summary{display:grid;gap:1rem;margin-bottom:1rem;padding:0 .5rem}.revenue-metrics-summary{grid-template-columns:repeat(3,1fr)}.approval-metrics-summary{grid-template-columns:repeat(2,1fr);gap:1.5rem}.revenue-metric,.approval-metric{display:flex;flex-direction:column}.metric-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.metric-dot{width:.5rem;height:.5rem;border-radius:50%}.metric-label{font-size:.75rem;color:var(--color-text-secondary)}.revenue-metric .metric-value{font-size:1.125rem;font-weight:600;color:#3b82f6}.approval-metric .metric-value{font-size:1.5rem;font-weight:600}.metrics-section{margin-bottom:2rem}.metrics-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.metrics-section-header h2{font-size:1.125rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem;margin:0}.metrics-section-icon{width:1.25rem;height:1.25rem}.metrics-section-label{font-size:1.125rem;font-weight:600;color:#fff}.metrics-section-period{font-size:.75rem;color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-cohort-analysis{background-color:#2563eb;color:#fff}.btn-cohort-analysis:hover{background-color:#1d4ed8}.loading-indicator-dashboard{display:flex;align-items:center;justify-content:center;min-height:400px}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header-right{justify-content:center}.revenue-metrics-summary,.approval-metrics-summary,.sub-metrics{grid-template-columns:1fr}.charts-grid{flex-direction:column!important}.chart-column{width:100%}.chart-section{min-height:400px}}.metric-value.storefront{color:#10b981}.metric-value.subscription{color:#3b82f6}.metric-value.shopify,.metric-value.users{color:#8b5cf6}.metric-value.refunds{color:#ef4444}.sub-metric-dot.refunds{background-color:#ff5ba4}.sub-metric-dot.ratio{background-color:#f59e0b}.sub-metric-dot.orders{background-color:#3b82f6}.sub-metric-dot.aov{background-color:#14b8a6}.sub-metric-dot.initial{background-color:#6366f1}.sub-metric-dot.recurring{background-color:#8b5cf6}.sub-metric-dot.retry{background-color:#ff56e1}.sub-metric-value.refunds{color:#ff5ba4}.sub-metric-value.ratio{color:#f59e0b}.sub-metric-value.orders{color:#3b82f6}.sub-metric-value.aov{color:#14b8a6}.sub-metric-value.initial{color:#6366f1}.sub-metric-value.recurring{color:#8b5cf6}.sub-metric-value.retry{color:#ff56e1}.revenue-chart-wrapper{height:400px!important;min-height:400px!important;max-height:400px!important;position:relative;width:100%;overflow:hidden}.revenue-chart-wrapper canvas{max-height:400px!important}.no-brand-message-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;min-height:400px}.no-brand-message-box{background-color:var(--color-info-bg);border-radius:12px;padding:40px;max-width:500px;border:1px solid var(--color-info)}.no-brand-title{font-size:24px;margin-bottom:16px;color:var(--color-text-primary)}.no-brand-text{font-size:16px;color:var(--color-text-secondary);margin-bottom:24px}.no-brand-subtext{font-size:14px;color:var(--color-text-tertiary)}.chart-legend-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--legend-bg-color);border:2px solid var(--legend-color);border-radius:6px;color:var(--legend-text-color);font-size:12px;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;opacity:1;transform:scale(1)}.chart-legend-btn.hidden{text-decoration:line-through;opacity:.6;transform:scale(.95)}.chart-legend-btn:hover{transform:scale(1.05)}.legend-indicator{transition:all .4s cubic-bezier(.4,0,.2,1);background-color:var(--indicator-color)}.chart-legend-btn.hidden .legend-indicator{transform:scale(.7)}.ai-insights-banner{background-color:var(--color-warning-bg);border-top:1px solid var(--color-warning);border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem;padding:.75rem 1rem;margin:auto -16px -1px;display:flex;align-items:center;justify-content:center;gap:.5rem}.ai-insights-banner svg{stroke:var(--color-warning)}.ai-insights-text{color:var(--color-warning);font-size:.875rem;font-weight:500}.ai-insights-section{background-color:var(--color-surface);border-radius:.5rem;border:1px solid var(--color-border);padding:1.5rem;display:flex;flex-direction:column;min-height:200px}.ai-insights-header{display:flex;align-items:center;margin-bottom:1rem}.ai-insights-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.coming-soon-badge{margin-left:auto;font-size:.7rem;padding:.125rem .5rem;background-color:var(--color-info-bg);color:var(--color-info);border-radius:9999px;font-weight:500}.ai-insights-content{display:flex;flex:1;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:.75rem}.ai-insights-icon{margin:0 auto 1rem;opacity:.5;color:var(--color-text-tertiary)}.approval-rate-tabs{display:flex;margin-bottom:24px;padding:0 16px}.approval-rate-tab-btn{padding:12px 24px;background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.approval-rate-tab-btn:first-child{border-radius:6px 0 0 6px}.approval-rate-tab-btn:last-child{border-left:none;border-radius:0 6px 6px 0}.approval-rate-tab-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.approval-metric-label{font-size:14px;color:var(--color-text-secondary);margin-bottom:4px;display:flex;align-items:center}.approval-metric-icon{width:16px;height:16px;margin-right:4px}.approval-metric-value{font-size:28px;font-weight:700}.approval-metric-value.storefront,.approval-metric-value.recurring{color:var(--color-success)}.approval-metric-value.unique,.approval-metric-value.initial{color:var(--color-primary)}.approval-metric-value.attempts,.approval-metric-value.retry{color:var(--color-warning)}.approval-metric-change{font-size:14px}.approval-metric-change.positive{color:var(--color-success)}.approval-metric-change.negative{color:var(--color-error)}.decline-reason-bar-bg{height:8px;background-color:var(--color-surface-hover);border-radius:4px;overflow:hidden}.decline-reason-bar{height:100%;border-radius:4px}.decline-rate-change{font-size:14px;color:var(--color-text-secondary);margin-top:24px;text-align:center}.decline-rate-change span{font-weight:600;margin-left:8px}.decline-rate-change span.positive{color:var(--color-error)}.decline-rate-change span.negative{color:var(--color-success)}.dashboard h1,.dashboard h2{color:var(--color-text-primary)}.revenue-period,.metrics-section-period{color:var(--color-text-secondary)}.cohort-metric-card,.chart-section{background-color:var(--color-surface);border-color:var(--color-border)}.cohort-metric-card:hover{border-color:var(--color-border-hover)}.metric-title,.sub-metric-label{color:var(--color-text-secondary)}.metric-value,.sub-metric-value{color:var(--color-text-primary)}.metric-trend.positive span{color:var(--color-success)}.metric-trend.negative span{color:var(--color-error)}.metric-trend.positive,.metric-trend.negative{color:var(--color-text-primary)}.sub-metric-change.positive{color:var(--color-success)}.sub-metric-change.negative{color:var(--color-error)}.sub-metric-dot{background-color:var(--color-text-tertiary)}.cohorts-container{padding:24px;background-color:transparent;min-height:100vh;color:var(--color-text-primary);width:100%;max-width:100%;box-sizing:border-box}.cohorts-header{margin-bottom:32px}.cohorts-title{font-size:2rem;font-weight:600;margin:0 0 8px;color:var(--color-text-primary)}.cohorts-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.cohorts-error button{margin-top:16px;padding:8px 16px;background-color:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.5);color:var(--color-primary);border-radius:6px;cursor:pointer;transition:all .2s ease}.cohorts-error button:hover{background-color:rgba(var(--color-primary-rgb),.2);border-color:rgba(var(--color-primary-rgb),.7)}.cohorts-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.cohort-metric-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.cohort-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(var(--color-primary-rgb),.5),transparent);opacity:0;transition:opacity .3s ease}.cohort-metric-card:hover{transform:translateY(-2px);border-color:var(--color-border-hover);box-shadow:0 8px 24px #0000001a}.cohort-metric-card:hover:before{opacity:1}.metric-icon-wrapper{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.metric-icon-wrapper.ltv{background-color:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.2);color:var(--color-primary)}.metric-icon-wrapper.approval{background-color:rgba(var(--color-success-rgb),.1);border:1px solid rgba(var(--color-success-rgb),.2);color:var(--color-success)}.metric-icon-wrapper.retention{background-color:rgba(var(--color-info-rgb),.1);border:1px solid rgba(var(--color-info-rgb),.2);color:var(--color-info)}.metric-icon-wrapper.churn{background-color:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.2);color:var(--color-warning)}.cohort-metric-card:hover .metric-icon-wrapper{transform:scale(1.05)}.metric-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin:0;flex:1}.metric-value{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;line-height:1.2;letter-spacing:-.02em}.metric-description{font-size:.875rem;color:var(--color-text-primary);margin-bottom:16px;line-height:1.4}.metric-footer{padding-top:16px;border-top:1px solid var(--color-border)}.metric-stat{font-size:.8125rem;color:var(--color-text-primary);display:block}.cohorts-sections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.cohort-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:32px;transition:all .3s ease}.cohort-section:hover{border-color:var(--color-border-hover)}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.section-icon{color:var(--color-primary)}.section-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.ltv-comparison-container{display:flex;flex-direction:column;gap:24px}.ltv-comparison-item{padding:20px;background-color:var(--color-surface-hover);border-radius:12px;border:1px solid var(--color-border);margin-bottom:16px}.ltv-label{font-size:.875rem;color:var(--color-text-primary);margin-bottom:8px}.ltv-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:16px}.ltv-progress-container{width:100%;height:8px;background-color:var(--color-surface-active);border-radius:4px;overflow:hidden;margin-bottom:8px}.ltv-progress-bar{height:100%;border-radius:4px;transition:width .6s ease}.ltv-progress-bar.best{background-color:var(--color-success)}.ltv-progress-bar.worst{background-color:var(--color-danger)}.ltv-progress-bar.average{background-color:var(--color-primary)}.ltv-percentage{font-size:.8125rem;color:var(--color-text-primary)}.retention-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.retention-box{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:28px;text-align:center;transition:all .3s ease}.retention-box:hover{transform:translateY(-2px);border-color:var(--color-border-hover);box-shadow:0 6px 20px #0000001a}.retention-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:12px;font-weight:500}.retention-value{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;line-height:1}.retention-subtitle{font-size:.8125rem;color:var(--color-text-secondary)}.retention-box:has(.retention-value:contains("—")){opacity:.6}.subscriber-counts{display:flex;gap:24px;margin-bottom:32px}.subscriber-count-item{flex:1;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:24px;text-align:center}.subscriber-count-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:12px;font-weight:500}.subscriber-count-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.subscriber-count-subtitle{font-size:.8125rem;color:var(--color-text-secondary)}.overall-retention{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:24px;margin-bottom:24px}.overall-retention-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:16px;font-weight:500}.overall-retention-container{display:flex;align-items:center;gap:16px;margin-bottom:12px}.overall-retention-bar-container{flex:1;height:20px;background-color:var(--color-surface-active);border-radius:10px;overflow:hidden}.overall-retention-bar{height:100%;background-color:#22c55ecc;border-radius:10px;transition:width .6s ease}.overall-retention-percentage{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);min-width:80px;text-align:right}.overall-retention-subtitle{font-size:.8125rem;color:var(--color-text-secondary)}.approval-churn-ratio{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:24px;text-align:center}.ratio-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.ratio-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.ratio-badge{padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase}.ratio-badge.excellent{background-color:#22c55e26;color:#22c55ee6;border:1px solid rgba(34,197,94,.3)}.ratio-badge.good{background-color:#3b82f626;color:#3b82f6e6;border:1px solid rgba(59,130,246,.3)}.ratio-badge.fair{background-color:#fb923c26;color:#fb923ce6;border:1px solid rgba(251,146,60,.3)}.ratio-badge.poor{background-color:#ef444426;color:#ef4444e6;border:1px solid rgba(239,68,68,.3)}.ratio-value{font-size:3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;line-height:1}.ratio-subtitle{font-size:.8125rem;color:var(--color-text-secondary)}@media (max-width: 1400px){.cohorts-sections-grid{grid-template-columns:1fr;gap:32px}}@media (max-width: 1200px){.cohorts-metrics-grid,.retention-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cohorts-container{padding:16px}.cohorts-title{font-size:1.5rem}.cohorts-metrics-grid{grid-template-columns:1fr;gap:16px}.cohort-metric-card{padding:20px}.metric-value{font-size:2rem}.cohort-section{padding:20px}.cohorts-sections-grid{margin-top:32px}.section-title{font-size:1.25rem}.retention-grid{grid-template-columns:1fr;gap:16px}.subscriber-counts{flex-direction:column;gap:16px}.overall-retention-container{flex-direction:column;gap:12px}.overall-retention-percentage{text-align:center}.ratio-value{font-size:2.5rem}}.cohorts-table-section{margin-top:48px;padding-top:48px;border-top:1px solid var(--color-border)}.date-range-picker{position:relative;width:100%}.date-picker-label{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-bottom:4px}.date-input-container{position:relative}.date-display{width:100%;padding:10px 12px;background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:14px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;min-height:40px}.date-display:hover{border-color:var(--color-primary)}.date-display:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.date-display:disabled,.date-display.disabled{opacity:.6;cursor:not-allowed;border-color:var(--color-border)}.date-display:disabled:hover,.date-display.disabled:hover{border-color:var(--color-border)}.date-display.loading{pointer-events:none}.loading-spinner{animation:spin 1s linear infinite}.calendar-container{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;width:auto;min-width:320px;background-color:#111;border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden}.calendar-container.position-right{left:auto!important;right:0!important}@media (max-width: 500px){.calendar-container{width:calc(100vw - 20px);left:50%!important;right:auto!important;transform:translate(-50%)}.calendar-with-quick-select{width:100%;flex-direction:column}.quick-select-panel{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:12px;flex-direction:row;flex-wrap:wrap;gap:8px}.quick-select-title{width:100%;margin-bottom:4px}.quick-select-option{width:auto;flex:1;min-width:calc(50% - 4px);padding:6px 10px;font-size:12px}}.custom-calendar{padding:16px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.month-selector{display:flex;align-items:center;gap:8px;color:var(--color-text-primary);font-weight:500}.month-nav{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:4px}.month-nav:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.close-calendar{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:4px}.close-calendar:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.range-instruction{text-align:center;font-size:12px;color:var(--color-text-secondary);margin-bottom:12px;padding:6px 12px;background-color:var(--color-info-bg);border-radius:4px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day-header{text-align:center;color:var(--color-text-secondary);font-size:12px;font-weight:500;padding:8px 0}.day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-primary);font-size:13px;cursor:pointer;border-radius:4px;transition:all .2s;position:relative}.day-cell:hover:not(:disabled){background-color:var(--color-surface-hover)}.day-cell.other-month{color:var(--color-text-disabled)}.day-cell.today:not(.range-start):not(.range-end):not(.in-range){border:1px solid var(--color-primary)}.day-cell:disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.5}.day-cell.range-start{background-color:var(--color-primary);color:#fff;border-radius:4px 0 0 4px}.day-cell.range-end{background-color:var(--color-primary);color:#fff;border-radius:0 4px 4px 0}.day-cell.range-start.range-end{border-radius:4px}.day-cell.in-range{background-color:var(--color-info-bg);color:var(--color-text-primary);border-radius:0}.day-cell.in-range:hover{background-color:var(--color-primary-bg)}.day-cell.range-start:hover,.day-cell.range-end:hover{background-color:var(--color-primary-hover)}.calendar-footer{display:flex;justify-content:center;margin-top:16px}.clear-button{background:none;border:none;color:var(--color-error);cursor:pointer;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500}.clear-button:hover{background-color:var(--color-error-bg)}.dashboard .calendar-container,.analytics-container .calendar-container{z-index:1000}.calendar-container{animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.calendar-with-quick-select{display:flex;width:460px}.quick-select-panel{width:140px;background-color:var(--color-background-secondary);border-right:1px solid var(--color-border);padding:16px 12px;display:flex;flex-direction:column;gap:4px}.quick-select-title{font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 8px}.quick-select-option{width:100%;padding:8px 12px;background:none;border:none;color:var(--color-text-secondary);font-size:13px;text-align:left;cursor:pointer;border-radius:4px;transition:all .2s;white-space:nowrap}.quick-select-option:hover{background-color:var(--color-primary-bg);color:var(--color-primary)}.quick-select-option:active{background-color:var(--color-primary-active)}.calendar-with-quick-select .custom-calendar{padding:16px;background-color:var(--color-surface);flex:1;min-width:320px}.orders-container{background-color:var(--color-background);padding:20px;min-height:100vh}.order-detail-link{text-decoration:none;transition:color .2s ease}.order-detail-link:hover{text-decoration:underline}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.orders-header h1{font-size:28px;color:var(--color-text-primary)}.orders-actions{display:flex;gap:10px}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.stat-card{border:1px solid var(--color-border);border-radius:8px;padding:16px;background:transparent}.orders-tabs{display:flex;align-items:center;padding:4px 3px;background-color:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);margin-bottom:24px;height:40px}.tab-btn{padding:6px 12px;background:none;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:var(--color-text-secondary);transition:all .2s ease;height:30px;display:flex;align-items:center;justify-content:center;font-weight:500;margin:0 1px}.tab-btn:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.tab-btn.active{background-color:var(--color-primary);color:#fff}.orders-table-container{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.orders-table th{font-weight:500;color:var(--color-text-secondary);font-size:.875rem;background-color:transparent}.orders-table td{color:var(--color-text-primary);background-color:transparent}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.payment-paid{background-color:var(--color-success-bg);color:var(--color-success)}.fulfillment-unfulfilled{background-color:var(--color-warning-bg);color:var(--color-warning)}.clickable-row{cursor:pointer}.orders-table td:first-child,.orders-table th:first-child{width:48px;text-align:center;padding:0 16px;vertical-align:middle}.customers-container{padding:20px;background-color:var(--color-background);color:var(--color-text-primary)}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-actions{display:flex;align-items:center;justify-content:flex-start;width:100%;position:relative;flex-wrap:wrap}.search-bar{display:flex;align-items:center;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:4px;padding:8px 12px}.search-bar input{background:none;border:none;color:var(--color-text-primary);margin-left:8px;outline:none;width:200px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-active)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card{background-color:transparent;border-radius:12px;padding:24px}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-header h3{font-size:.875rem;color:var(--color-text-secondary);margin:0;font-weight:500}.stat-change{font-size:.75rem;font-weight:500}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-error)}.stat-value{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:var(--color-text-primary)}.stat-chart{height:40px;background-color:var(--color-surface-hover);border-radius:4px;overflow:hidden}.table-wrapper{background:transparent;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;margin-top:24px}.customers-table-container{background-color:transparent;border:none;width:100%}.customers-table{width:100%;border-collapse:collapse}.customers-table thead{position:sticky;top:0;z-index:1}.customers-table th,.customers-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:.875rem;min-width:100px;color:var(--color-text-primary)}.customers-table th{background-color:var(--color-surface);font-weight:500;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border)}.customers-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);text-align:left}.customers-table tbody tr:hover{background:var(--color-primary-bg)}.customers-table tbody tr.clickable-row{transition:background-color .2s ease}.customers-table tbody tr.clickable-row:hover{background-color:var(--color-primary-bg)}.clickable-row:hover{background:var(--color-surface-hover)}.customer-name{font-weight:500;color:var(--color-text-primary);text-align:left}.customer-email{color:var(--color-text-secondary);font-size:.92rem;margin-top:2px}.next-billing-date{color:var(--color-success);font-size:.9rem}.next-billing-empty{color:var(--color-text-secondary);font-size:.9rem}.mrr-value{font-weight:500;color:var(--color-primary)}.total-spent-amount{font-weight:600;color:var(--color-text-primary);font-size:1rem}.total-spent-orders{color:var(--color-text-secondary);font-size:.92rem;margin-top:2px}.transaction-count{font-weight:500;color:var(--color-warning);font-size:.9rem}.transaction-date{color:var(--color-text-secondary);font-size:.8rem;margin-top:2px}.tags-container{display:flex;flex-wrap:wrap;gap:4px}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-active{background:var(--color-success-bg);color:var(--color-success)}.status-paused{background:var(--color-warning-bg);color:var(--color-warning)}.status-cancelled{background:var(--color-error-bg);color:var(--color-error)}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;background-color:transparent;cursor:pointer;position:relative;transition:all .2s ease}input[type=checkbox]:hover{border-color:var(--color-border-hover)}input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.customers-table td:first-child,.customers-table th:first-child{width:auto;text-align:left;padding:12px 16px;vertical-align:top}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#1a1a1a;border-radius:8px;padding:24px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.dark-input{background:#2a2a2a;border:1px solid #333;border-radius:4px;color:#fff;padding:8px 12px}.message-container{text-align:center;padding:48px;background:transparent;border:1px solid var(--color-border);border-radius:8px;margin-top:24px;color:var(--color-text-secondary);font-size:.9rem}.message-container.error{background:#4a1919;color:#e74c3c}.message-container.no-data{color:#666}.customers-xecom-bulk-actions-bar{background:transparent;border:1px solid var(--color-border);border-radius:8px;padding:12px 20px;margin:20px 0;display:flex;justify-content:space-between;align-items:center}.selected-count{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.bulk-actions{display:flex;gap:10px}.customers-xecom-filter-panel{background:transparent;border:1px solid var(--color-border);border-radius:8px;padding:20px;margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.customers-xecom-filter-group{display:flex;flex-direction:column;gap:8px}.customers-xecom-filter-group label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.customers-xecom-date-range{display:flex;align-items:center;gap:8px}.customers-xecom-date-range span{color:var(--color-text-secondary);font-size:.875rem}.profile-indicators{display:flex;gap:4px}.badge{padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500}.badge.nmi{background:#1a472a;color:#2ecc71}.badge.shopify{background:#4a3506;color:#f1c40f}.search-bar.improved{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;transition:all .2s ease;height:38px;display:flex;align-items:center}.search-bar.improved:focus-within{border-color:#fff3;box-shadow:0 0 0 2px #6366f133}.search-bar.improved input{background:transparent;border:none;outline:none;padding-left:8px;height:100%}.btn.back-style:hover{background:#ffffff0d;border-color:#ffffff80}.btn.back-style.active{background:#3b82f626;border-color:#3b82f680;color:#3b82f6}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:transparent;border-top:1px solid #27272a;margin-top:-1px;border-radius:0;gap:16px}.pagination-info{color:var(--color-text-secondary);font-size:.9rem}.pagination-info .emphasis{color:var(--color-text-primary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.pagination-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.pagination-page{padding:0 8px;color:var(--color-text-primary);font-size:.9rem;font-weight:500;min-width:80px;text-align:center}.customers-header h1{margin:0;font-size:1.5rem;font-weight:600}.filter-group label{color:var(--color-text-secondary);font-size:.875rem}.customers-xecom-select{background-color:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);padding:8px 32px 8px 12px;font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath fill='%23999' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px 6px}.customers-xecom-select:focus{border-color:#3b82f6;outline:none}.customers-xecom-date-input{background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);padding:8px 12px;font-size:.9rem;box-shadow:none;outline:none}.customers-xecom-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f64d}.customers-xecom-bulk-actions-button{background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);padding:8px 12px;font-size:.875rem;cursor:pointer;transition:all .2s}.customers-xecom-bulk-actions-button:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.customers-xecom-checkbox-group{display:flex;flex-direction:column;gap:8px}.customers-xecom-checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary)}.sort-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.sort-icon{font-size:.875rem;color:#666}.highlight{background-color:#ffff004d;padding:0 .5px;border-radius:2px}.name-cell{text-align:left!important;font-weight:500}.skeleton{background:var(--color-surface-hover);border-radius:4px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-surface-active),transparent);animation:shimmer 1.5s infinite}.skeleton-text{height:16px;width:80%;background-color:var(--color-surface-active);margin-bottom:8px}.skeleton-value{height:24px;width:60%;background-color:var(--color-surface-active);margin-bottom:8px}.skeleton-badge{height:20px;width:80px;background-color:var(--color-surface-active);border-radius:12px}.skeleton-checkbox{width:16px;height:16px;background-color:var(--color-surface-active);border-radius:3px}.skeleton-button{height:32px;width:100px;background-color:var(--color-surface-active);border-radius:4px}.customers-header-titles{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.customers-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.customers-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0;font-weight:400}.status-filter-group{display:flex;gap:.5rem;margin-left:auto;margin-right:0;justify-content:flex-end;flex:1 1 auto}@media (max-width: 768px){.header-actions{flex-direction:column;align-items:stretch;gap:.75rem}.status-filter-group{margin-left:0;margin-right:0;justify-content:flex-start;width:100%;order:2;margin-top:.5rem}.pagination-container{flex-direction:column;gap:12px;align-items:stretch}.pagination-controls{justify-content:center}.pagination-info{text-align:center}}.status-filter-btn{padding:.375rem 1rem;font-size:.95rem;font-weight:500;border-radius:.375rem;border:none;background:#18181a;color:var(--color-text-secondary);cursor:pointer;transition:background .2s,color .2s}.status-filter-btn:hover{background:#23232a;color:#fff}.status-filter-btn.active{background:#2563eb;color:#fff}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:transparent;border:1px solid #333;border-radius:8px;padding:20px 20px 32px;text-align:left}.stat-icon{color:var(--color-text-secondary);flex-shrink:0;margin-bottom:-50px;width:32px;height:32px}.stat-value{font-size:2.2rem;font-weight:600;color:#fff}.customers-page-root{padding:20px}.customers-filter-dropdown{position:absolute;top:100%;right:0;min-width:320px;background:#18181a;border:1px solid #333;border-radius:.5rem;box-shadow:0 8px 32px #00000040;z-index:50;padding:1rem 1.25rem;margin-top:.5rem;max-width:95vw}@media (max-width: 600px){.customers-filter-dropdown{left:0;right:0;min-width:unset;width:98vw;margin:0 auto;padding:.75rem .5rem}}.customers-date-bar{margin-bottom:20px}.pagination-subtle{margin-left:16px;color:var(--color-text-secondary)}.view-btn.primary{background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:6px 18px;font-weight:500;font-size:.97rem;cursor:pointer;transition:background .2s}.view-btn.primary:hover{background:var(--color-primary-hover)}.xecom-filter-system{display:flex;align-items:center;gap:16px;padding:12px 16px;width:100%;flex-wrap:wrap;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-surface);margin-bottom:16px}.xecom-active-filters-area{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.xecom-filter-pill-container{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;background-color:var(--color-background-secondary);border-radius:4px;cursor:pointer;transition:all .2s ease;border:1px solid var(--color-border);max-height:36px}.xecom-filter-pill-container:hover{background-color:var(--color-surface-hover)}.xecom-filter-pill-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.xecom-filter-pill-label{font-weight:600;font-size:13px;color:var(--color-text-secondary)}.xecom-filter-pill-value{font-size:13px;color:var(--color-text-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xecom-filter-pill-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);width:20px;height:20px;min-width:20px;padding:0;margin-right:-2px;font-size:14px;line-height:1}.xecom-filter-pill-remove:hover{color:var(--color-error)}.xecom-add-filter-wrapper{position:relative}.xecom-add-filter-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:var(--color-background);color:var(--color-primary);border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:600;height:36px}.xecom-add-filter-btn:hover{background-color:var(--color-primary-bg)}.xecom-clear-all-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;height:36px}.xecom-clear-all-filters-btn:hover{background-color:var(--color-surface-hover);color:var(--color-error)}.xecom-filter-builder-popover,.xecom-filter-edit-popover{position:absolute;top:100%;left:0;margin-top:8px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 6px 16px #00000026;z-index:1000;min-width:280px;max-width:350px;overflow:hidden;animation:fadein .2s}.xecom-filter-edit-popover{position:fixed;animation:fadein .2s}.xecom-filter-edit-popover.visible .xecom-filter-builder-popover{position:static;margin-top:0;animation:none}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.xecom-popover-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);background-color:var(--color-background-secondary);position:relative}.xecom-popover-header h4{flex:1;margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary);text-align:center}.xecom-close-popover,.xecom-back-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#999;padding:4px;width:28px;height:28px;border-radius:4px;transition:all .2s;position:absolute}.xecom-close-popover{right:16px}.xecom-back-btn{left:16px;margin-right:8px;font-size:16px;color:#3b82f6}.xecom-close-popover:hover,.xecom-back-btn:hover{background-color:#1a1a1a;color:#fff}.xecom-filter-field-list{list-style:none;padding:8px 0;margin:0;max-height:300px;overflow-y:auto}.xecom-filter-field-list::-webkit-scrollbar{width:6px}.xecom-filter-field-list::-webkit-scrollbar-track{background:#0a0a0a}.xecom-filter-field-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.xecom-filter-field-list::-webkit-scrollbar-thumb:hover{background:#555}.xecom-filter-field-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .2s ease;color:#ddd}.xecom-filter-field-item:hover{background-color:#1a1a1a}.xecom-filter-field-item svg{color:#3b82f6}.xecom-filter-field-item span{font-size:14px}.xecom-filter-value-content{padding:16px}.xecom-filter-input,.xecom-filter-value-content select{width:100%;padding:10px 12px;background-color:#0f0f0f;border:1px solid #333333;border-radius:4px;color:#fff;font-size:14px;transition:all .2s;height:40px}.xecom-filter-value-content select{padding-right:25px;background-color:#0f0f0f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath fill='%23999' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.xecom-filter-value-content select::-ms-expand{display:none}.xecom-filter-input:focus,.xecom-filter-value-content select:focus{border-color:#3b82f6;outline:none}.xecom-filter-input::placeholder{color:#666}.xecom-filter-input option[disabled]{color:#777}.xecom-filter-input option[disabled]:checked{color:#777}.xecom-date-range-inputs,.xecom-amount-range-inputs{display:flex;gap:12px}.xecom-date-input-group,.xecom-amount-input-group{flex:1}.xecom-date-input-group label,.xecom-amount-input-group label{display:block;margin-bottom:8px;font-size:13px;color:#ddd;font-weight:500}.xecom-filter-actions{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid #333333;background-color:#0f0f0f;gap:12px}.xecom-apply-filter-btn,.xecom-remove-filter-btn{padding:10px 16px;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:13px;text-align:center;border:none;height:40px;min-width:100px;display:flex;align-items:center;justify-content:center}.xecom-apply-filter-btn{background-color:#3b82f6;color:#fff;flex:1}.xecom-apply-filter-btn:hover:not(:disabled){background-color:#2563eb}.xecom-apply-filter-btn:disabled{background-color:#1e293b;color:#94a3b8;cursor:not-allowed}.xecom-remove-filter-btn{background-color:#0f0f0f;color:#ff4d4d;border:1px solid #333333}.xecom-remove-filter-btn:hover{background-color:#ff4d4d1a}@media (max-width: 768px){.xecom-filter-system{flex-direction:column;align-items:flex-start}.xecom-active-filters-area,.xecom-add-filter-wrapper,.xecom-add-filter-btn,.xecom-clear-all-filters-btn{width:100%}.xecom-filter-builder-popover,.xecom-filter-edit-popover{width:calc(100% - 32px);max-width:none;left:16px!important;right:16px!important}}.xecom-date-range-error{color:#dc3545;font-size:12px;margin-top:8px;padding:4px 8px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;text-align:center}.settings-header{display:flex;align-items:flex-start;margin-bottom:1rem}.settings-title-container{margin-bottom:2rem;padding:0 0 1rem;border-bottom:1px solid var(--color-border)}.settings-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0}.back-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.back-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.settings-sections{display:flex;flex-direction:column;gap:3rem;max-width:1200px}.settings-section{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.settings-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem}.settings-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.settings-card:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 20px #0003}.settings-card:hover .card-arrow{color:var(--color-primary);transform:translate(4px)}.card-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);border-radius:10px;flex-shrink:0}.card-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.card-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.card-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4;margin:0}.card-arrow{font-size:1.25rem;color:var(--color-text-tertiary);transition:all .2s ease;flex-shrink:0}@media (max-width: 768px){.settings-cards{grid-template-columns:1fr;gap:1rem}.settings-card{padding:1.25rem}.card-icon{font-size:1.5rem;width:2.5rem;height:2.5rem}.card-title{font-size:1rem}.card-description{font-size:.8125rem}.settings-title{font-size:1.5rem}.settings-sections{gap:2rem}.settings-section{gap:1rem}}@media (max-width: 480px){.settings-header{margin-bottom:.75rem}.settings-title-container{margin-bottom:1.5rem}.back-button{align-self:flex-start}}.store-selector-container{margin-bottom:2rem}.store-selector-label{display:block;margin-bottom:.5rem;color:var(--color-text-primary);font-size:.875rem;font-weight:500}.store-selector{width:300px;max-width:100%;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:.5rem;cursor:pointer;transition:all .2s ease}.store-selector:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.store-selector:focus{outline:none;background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.store-selector:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-hover)}.store-selector option{background:var(--color-surface);color:var(--color-text-primary);padding:.5rem}@media (max-width: 640px){.store-selector{width:100%}}.custom-dropdown{position:relative;width:300px;max-width:100%}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-height:2.75rem;box-sizing:border-box}.dropdown-trigger:hover:not(.disabled){background:#ffffff14;border-color:#fff3}.dropdown-trigger:focus{outline:none;background:#ffffff14;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dropdown-trigger.disabled{opacity:.5;cursor:not-allowed;background:#ffffff05}.dropdown-trigger.open{border-color:#3b82f6;background:#ffffff14}.dropdown-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{margin-left:.5rem;font-size:.75rem;color:#8a8d98;transition:transform .2s ease;flex-shrink:0}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1a1a1afa;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #0000004d;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:240px;overflow:hidden}.dropdown-options{max-height:240px;overflow-y:auto;padding:.25rem 0}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dropdown-option{padding:.75rem 1rem;color:#fff;cursor:pointer;transition:all .15s ease;font-size:.875rem;border-left:3px solid transparent}.dropdown-option:hover{background:#3b82f61a;border-left-color:#3b82f6}.dropdown-option:focus{outline:none;background:#3b82f626;border-left-color:#3b82f6}.dropdown-option.selected{background:#3b82f633;border-left-color:#3b82f6;font-weight:500}.dropdown-option.selected:hover{background:#3b82f640}.dropdown-option.disabled{opacity:.6;cursor:not-allowed;font-style:italic}.dropdown-option.disabled:hover{background:transparent;border-left-color:transparent}.dropdown-menu{animation:dropdownFadeIn .15s ease-out;transform-origin:top}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}@media (max-width: 640px){.custom-dropdown{width:100%}.dropdown-menu,.dropdown-options{max-height:200px}}.settings-container{padding:0 20px 20px;background-color:#0a0a0b;color:#fafafa;min-height:calc(100vh - 65px);display:flex;flex-direction:column}.settings-tabs{display:flex;margin-bottom:2rem;position:relative;overflow-x:auto;scrollbar-width:none;padding:0 0 4px;border-bottom:1px solid rgba(128,128,128,.1)}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{position:relative;padding:.75rem 1.25rem;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;color:#717171;background:transparent;border:none;margin-right:.5rem;letter-spacing:.02em}.settings-tab:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:linear-gradient(90deg,#2563eb,#4f46e5);transition:width .3s ease;opacity:0}.settings-tab:hover{color:#e5e5e5;background-color:#ffffff08}.settings-tab:hover:after{width:0%;opacity:.5}.settings-tab.active{color:#fff;font-weight:600}.settings-tab.active:after{width:100%;height:3px;opacity:1}@media (max-width: 768px){.settings-tabs{padding-bottom:0}.settings-tab{padding:.7rem 1rem;font-size:.85rem;margin-right:.25rem}}@media (prefers-color-scheme: dark){.settings-tab{color:#717171}.settings-tab:hover{color:#e5e5e5}.settings-tab.active{color:#fff}}.tab-container{margin-top:20px}.tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.tab{padding:8px 16px;background:none;border:none;cursor:pointer;font-size:14px}.tab.active{border-bottom:2px solid var(--color-primary);color:var(--color-primary);font-weight:500}.settings-content{flex:1;padding:0 24px 32px;max-width:100%;width:100%}.settings-panel{background-color:transparent;border-radius:0;border:none;padding:0}.panel-title{font-size:20px;font-weight:600;margin:0 0 24px;color:#fff}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:#8a8d98;font-weight:500}.form-group input{width:100%;max-width:450px;padding:12px 16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e4e6eb;font-size:14px;transition:border-color .2s ease,background-color .2s ease}.form-group input:focus{outline:none;border-color:#3b82f6;background-color:#ffffff14}.form-group input:disabled{background-color:#ffffff05;cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#555969}.form-actions{display:flex;justify-content:flex-start;gap:12px;margin-top:8px;padding-top:0;border-top:none}.btn{padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;font-weight:500;transition:background-color .2s ease,border-color .2s ease,color .2s ease;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background-color:#ffffff0d;color:#e4e6eb;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover:not(:disabled),.btn-primary:focus:not(:disabled){background-color:#3b82f6;border-color:#3b82f6;color:#fff}.settings-layout{display:flex;gap:24px;margin-top:24px}.settings-sidebar{width:240px;background-color:#18181a;border-radius:8px;box-shadow:0 1px 3px #0000004d;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.settings-nav{list-style:none;padding:0;margin:0}.settings-nav-item{padding:12px 16px;cursor:pointer;color:var(--color-text-secondary);font-size:.875rem;border-left:3px solid transparent}.settings-nav-item:hover{background-color:#27272a;color:#fafafa}.settings-nav-item.active{background-color:#27272a;color:#3b82f6;border-left-color:#3b82f6}.settings-header{margin-bottom:24px}.settings-title{font-size:1.25rem;font-weight:600;margin:0 0 8px;color:#fafafa}.settings-description{color:var(--color-text-secondary);font-size:.875rem;margin:0}.brand-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.brand-card{background-color:#27272a;border-radius:8px;padding:16px;border:1px solid rgba(255,255,255,.1)}.brand-logo{width:48px;height:48px;border-radius:8px;background-color:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;margin-bottom:12px}.brand-name{font-weight:500;margin:0 0 4px;color:#fafafa}.brand-description{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 12px}.brand-actions{display:flex;gap:8px}@media (max-width: 768px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%}.settings-content{padding:0 16px 24px;max-width:100%}.form-input{max-width:100%}.settings-tabs{padding:0 16px;margin-bottom:24px}.panel-title{font-size:18px;margin-bottom:20px}.btn{width:auto;max-width:100%}}.notification-settings{background-color:#18181b;border-radius:8px;padding:24px}.settings-group{margin-bottom:32px}.settings-group h3{color:#fafafa;font-size:1.1rem;margin-bottom:16px}.template-selector{margin-bottom:24px}.template-selector select{width:100%;padding:10px;background-color:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#fafafa;font-size:.95rem}.template-editor{background-color:#27272a;border-radius:8px;padding:20px}.template-editor .form-group{margin-bottom:20px}.template-editor label{display:block;color:var(--color-text-secondary);margin-bottom:8px;font-size:.9rem}.template-editor input[type=text]{width:100%;padding:10px;background-color:#18181b;border:1px solid #3f3f46;border-radius:6px;color:#fafafa;font-size:.95rem}.template-variables{margin-top:24px;padding-top:20px;border-top:1px solid #3f3f46}.template-variables h4{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:12px}.variables-list{display:flex;flex-wrap:wrap;gap:8px}.variable-tag{display:inline-block;padding:4px 8px;background-color:#3b82f6;color:#fafafa;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s}.variable-tag:hover{background-color:#2563eb}.template-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #3f3f46}.toggle-label{display:flex;align-items:center;gap:8px;color:#fafafa;cursor:pointer}.toggle-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:20px;background-color:#3f3f46;border-radius:20px;position:relative;cursor:pointer;transition:background-color .2s}.toggle-label input[type=checkbox]:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fafafa;top:2px;left:2px;transition:transform .2s}.toggle-label input[type=checkbox]:checked{background-color:#3b82f6}.toggle-label input[type=checkbox]:checked:before{transform:translate(20px)}.tox-tinymce{border:1px solid #3f3f46!important;border-radius:6px!important;overflow:hidden}.tox-editor-container{background-color:#18181b!important}.tox .tox-toolbar{background-color:#27272a!important;border-bottom:1px solid #3f3f46!important}.tox .tox-edit-area{background-color:#18181b!important}.tox .tox-edit-area__iframe{background-color:#18181b!important;color:#fafafa!important}.settings-section{max-width:9000px;margin-bottom:40px}.settings-heading{font-size:1.5rem;font-weight:600;margin-bottom:12px;color:#f4f4f5}.settings-description{color:var(--color-text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.5}.settings-divider{margin:40px 0;border:0;height:1px;background-color:#27272a}.settings-form{display:flex;flex-direction:column;gap:24px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:500;color:#d4d4d8}.form-control{background-color:#18181b;border:1px solid #3f3f46;color:#f4f4f5;padding:10px 14px;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-control:focus{border-color:#60a5fa;outline:none}.form-select{background-color:#18181b;border:1px solid #3f3f46;color:#f4f4f5;padding:10px 30px 10px 14px;border-radius:6px;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.form-text{color:var(--color-text-muted);font-size:.85rem;margin-top:4px}.recurring-billing-inputs{display:flex;align-items:center;gap:10px}.recurring-billing-inputs span{color:var(--color-text-secondary)}.recurring-billing-inputs .form-control{width:80px}.recurring-billing-inputs .form-select{width:120px}.date-range-inputs{display:flex;align-items:center;gap:12px}.date-range-separator{color:var(--color-text-secondary);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-secondary{background-color:#3f3f46;color:#f4f4f5}.btn-secondary:hover:not(:disabled){background-color:#52525b}.save-settings-btn,.bulk-update-btn{align-self:flex-start;min-width:180px}.settings-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:6px;margin-bottom:20px}.settings-alert.error{background-color:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#ef4444}.settings-alert.success{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#4ade80}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@media (max-width: 768px){.date-range-inputs{flex-direction:column;align-items:flex-start;gap:8px}.date-range-inputs .form-control{width:100%}.date-range-separator{margin:4px 0}}.frequency-selector{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.frequency-btn{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.frequency-btn:hover{background-color:#e9e9e9}.frequency-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.custom-frequency-container{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px;background-color:#f9f9f9;border-radius:4px}.frequency-input{width:80px!important;text-align:center}.frequency-select{width:auto!important;min-width:100px}.date-range-container{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.date-picker-wrapper{flex:1;min-width:200px}.date-range-separator{font-weight:500;color:#666}.date-picker{width:100%}@media (max-width: 768px){.date-range-container{flex-direction:column;align-items:stretch}.date-range-separator{align-self:center;margin:5px 0}}.retry-rules-list{margin-top:24px}.retry-rule-card{background-color:#0f0f13;border-radius:8px;border:1px solid #1e1e2d;overflow:hidden;margin-bottom:16px;transition:box-shadow .2s ease}.retry-rule-card:hover{box-shadow:0 4px 12px #0003}.retry-rule-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #1e1e2d}.rule-name{font-size:22px;font-weight:600;color:#fff;margin:0}.rule-btn{padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s;border:none}.rule-btn-edit{background-color:#2d2d3d;color:#fff}.rule-btn-edit:hover{background-color:#3a3a4f}.rule-btn-delete{background-color:#dc3545;color:#fff}.rule-btn-delete:hover{background-color:#c82333}.rule-meta{display:flex;padding:16px 20px;background-color:#12121a}.rule-meta-item{margin-right:40px;display:flex;align-items:center}.rule-meta-label{color:#8a8d98;font-size:15px;font-weight:500;margin-right:6px}.rule-meta-value{color:#fff;font-size:15px;font-weight:600}.rule-status{padding:2px 8px;border-radius:12px;font-size:14px}.rule-status.active{background-color:#10b98133;color:#10b981}.rule-status.inactive{background-color:#ec489933;color:#ec4899}.rule-schedule{padding:16px 20px 20px}.schedule-heading{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px}.rule-schedule-table{width:100%;border-collapse:collapse;border-radius:6px;overflow:hidden}.rule-schedule-table th{background-color:#161622;color:#8a8d98;font-size:14px;font-weight:500;text-align:left;padding:12px 16px}.rule-schedule-table td{padding:12px 16px;border-top:1px solid #1e1e2d;color:#e4e6eb;font-size:14px}.schedule-attempt{font-weight:600;width:15%}.schedule-when{width:55%}.schedule-discount{width:30%}.discount-value{color:#10b981}.no-discount{color:#8a8d98;font-style:italic}.retry-rules-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.rule-card{background-color:#0f0f13;border-radius:8px;padding:1rem;border:1px solid #1e1e2d;margin-bottom:1rem}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rule-header h3{margin:0;font-size:1.2rem}.rule-actions{display:flex;gap:.5rem}.rule-details{margin-bottom:1rem}.rule-details p{margin:.2rem 0}.schedule-table{width:100%;border-collapse:collapse}.schedule-table th,.schedule-table td{padding:.5rem;text-align:left;border-bottom:1px solid #1e1e2d}.retry-rule-modal{max-width:600px;width:100%}.schedule-item{background-color:#1e1e2d;border:1px solid #2a2a3c;border-radius:6px;padding:1rem;margin-bottom:1rem}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.schedule-header h5{margin:0;font-size:1rem}.radio-group{display:flex;gap:1rem;margin-bottom:.5rem}.radio-group label{display:flex;align-items:center;gap:.3rem}.inline-retry-form{margin-top:24px;background-color:transparent;border:none;padding:0}.section-title{font-size:24px;font-weight:600;margin-bottom:24px;color:#fff}.subsection-title{font-size:18px;font-weight:500;margin:28px 0 16px;color:#e4e6eb}.schedule-item{margin-bottom:16px;border-radius:8px;overflow:hidden;background-color:transparent;border:none;padding:0}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--color-text-secondary)}.form-input{width:100%;padding:12px 16px;background-color:#0f0f13;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:16px;height:48px}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.radio-group{display:flex;flex-wrap:wrap;gap:20px;margin:12px 0}.checkbox-container{margin:24px 0}.checkbox-label{display:flex;align-items:center;gap:10px;color:#e4e6eb;cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #3f3f56;border-radius:4px;cursor:pointer;position:relative}.checkbox-label input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.btn{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;height:40px;display:inline-flex;align-items:center;justify-content:center}.btn-secondary{background-color:#ffffff0d;color:#e4e6eb;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){background-color:#ffffff1a}.btn-danger{background-color:#dc2626;color:#fff;border:none}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-small{padding:6px 12px;font-size:12px;height:32px}.submission-actions{margin-top:32px;display:flex;gap:12px}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.schedule-header h5{margin:0;font-size:18px;color:#e4e6eb;font-weight:500}.schedule-item .form-group .form-group{margin-bottom:12px}.settings-panel h2.panel-title{font-size:24px;margin-bottom:12px}.settings-panel .settings-description{color:var(--color-text-secondary);margin-bottom:24px}.btn-primary{background-color:#3b82f6;color:#fff;border:none}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#1e1e2d;color:#e4e6eb;border:1px solid #2a2a3c}.btn-secondary:hover:not(:disabled){background-color:#2a2a3c}.btn-danger{background-color:#ef4444;color:#fff;border:none}.btn-danger:hover:not(:disabled){background-color:#dc2626}.data-table{width:100%;border-collapse:collapse;margin-bottom:24px;background-color:#121218;border-radius:8px;overflow:hidden}.data-table tr{border-bottom:1px solid #1e1e2d}.data-table tr:last-child{border-bottom:none}.data-table th,.data-table td{padding:16px 20px;text-align:left}.data-table th{background-color:#0f0f13;color:#8a8d98;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.data-table td{color:#fff;font-size:16px}.data-table td.table-label{color:#8a8d98;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;width:200px}.data-table input{width:100%;padding:12px;background-color:#1a1a23;border:1px solid #2a2a3c;border-radius:6px;color:#fff;font-size:16px}.data-table input:focus{outline:none;border-color:#3b82f6}.attempt-table{margin-bottom:24px;background-color:#121218;border-radius:8px;overflow:hidden;border:1px solid #1e1e2d}.attempt-header{background-color:#1a1a23;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.attempt-header h5{margin:0;font-size:18px;font-weight:500;color:#fff}.attempt-content{padding:16px 20px}.muted-text{color:#8a8d98}.n-a-text{color:#555969;font-style:italic}.radio-group{display:flex;flex-wrap:wrap;gap:20px;margin:16px 0}.radio-group label{display:flex;align-items:center;gap:8px;color:#e4e6eb;cursor:pointer;font-size:14px}.radio-group input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #3f3f56;border-radius:50%;margin:0;cursor:pointer;position:relative}.radio-group input[type=radio]:checked{border-color:#3b82f6}.radio-group input[type=radio]:checked:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background-color:#3b82f6}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#0d0d11;border-radius:8px;border:1px solid #1e1e2d;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.retry-rule-modal{max-width:700px}.modal-header{padding:16px 24px;border-bottom:1px solid #1e1e2d;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:20px;font-weight:600;color:#fff;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#8a8d98;cursor:pointer}.modal-body{padding:24px;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid #1e1e2d;display:flex;justify-content:flex-end;gap:12px}.form-row{margin-bottom:20px}.form-row label{display:block;font-size:14px;font-weight:500;color:#8a8d98;margin-bottom:8px}.dark-input{width:100%;padding:12px 16px;background-color:#121218;border:1px solid #1e1e2d;border-radius:6px;color:#fff;font-size:15px;height:44px}.dark-input:focus{outline:none;border-color:#3b82f6}.checkbox-row{margin-top:16px}.retry-schedule-section{margin-top:32px}.retry-schedule-section h4{font-size:18px;font-weight:500;color:#fff;margin-bottom:16px}.retry-schedule-item{background-color:#0f0f13;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #1e1e2d}.schedule-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.schedule-item-header h5{font-size:16px;font-weight:500;color:#fff;margin:0}.schedule-options{margin-bottom:24px}.option-label{display:block;font-size:14px;font-weight:500;color:#8a8d98;margin-bottom:12px}.radio-options{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.radio-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #1e1e2d;border-radius:50%;position:relative;cursor:pointer}.radio-option input[type=radio]:checked{border-color:#3b82f6}.radio-option input[type=radio]:checked:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background-color:#3b82f6}.radio-label{font-size:14px;color:#e4e6eb}.timing-value-row{display:flex;flex-direction:column;margin-top:8px}.timing-value-row label{font-size:14px;font-weight:500;color:#8a8d98;margin-bottom:8px}.expanded-form-section{background-color:#0d0d11;border:1px solid #1e1e2d;border-radius:8px;margin-top:24px;margin-bottom:24px;overflow:hidden;animation:slideDown .3s ease}.expanded-form-header{background-color:#0f0f13;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e1e2d}.expanded-form-header h3{margin:0;font-size:18px;font-weight:500;color:#fff}.form-close-btn{background:none;border:none;color:#8a8d98;cursor:pointer;font-size:14px;padding:8px 12px;border-radius:4px}.form-close-btn:hover{background-color:#ffffff0d;color:#e4e6eb}.expanded-form-body{padding:20px}.expanded-form-footer{padding:16px 20px;border-top:1px solid #1e1e2d;display:flex;justify-content:flex-end;gap:12px;background-color:#0d0d11}.expanded-form-footer .btn{min-width:120px;height:44px;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;cursor:pointer}.expanded-form-footer .btn-secondary{background-color:#222230;color:#fff;border:none}.expanded-form-footer .btn-secondary:hover:not(:disabled){background-color:#2a2a3c}.expanded-form-footer .btn-primary{background-color:#3b82f6;color:#fff;border:none}.expanded-form-footer .btn-primary:hover:not(:disabled){background-color:#2563eb}.settings-table{width:100%;border-collapse:collapse}.settings-table td{padding:12px 8px;vertical-align:middle}.table-label{width:35%;color:#8a8d98;font-size:14px;text-align:right;padding-right:16px;vertical-align:middle}.time-input-row{display:flex;align-items:center;gap:8px}.time-input{width:60px!important;text-align:center}.time-select,.timezone-select{width:80px!important}.checkbox-container{display:flex;align-items:center}.checkbox-wrapper{display:flex;align-items:center;cursor:pointer}.checkbox-wrapper input[type=checkbox]{margin-right:8px}.expanded-form-body .form-input{background-color:#121218;border:1px solid #1e1e2d;color:#fff;padding:8px 12px;border-radius:4px;width:100%}.expanded-form-footer .btn{text-transform:uppercase;font-weight:500;letter-spacing:.5px}.switch-container{display:flex;align-items:center;justify-content:space-between}.switch-label{color:#fff;font-size:14px}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#1e1e2d;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#3b82f6}input:focus+.slider{box-shadow:0 0 1px #3b82f6}input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translate(24px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.discount-options{margin-top:12px}.radio-circle-option{display:flex;align-items:center;cursor:pointer;position:relative}.radio-circle-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid #1e1e2d;margin-right:8px;display:inline-block;position:relative}.radio-circle-option input[type=radio]:checked+.radio-circle:after{content:"";position:absolute;width:12px;height:12px;background-color:#3b82f6;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-circle-option span{color:#fff;font-size:14px}.discount-input-container{width:100%}.input-with-suffix,.input-with-prefix{position:relative;display:flex;align-items:center}.input-suffix,.input-prefix{position:absolute;font-size:16px;color:#fff}.input-suffix{right:12px}.input-prefix{left:12px}.input-with-suffix input{padding-right:30px}.input-with-prefix input{padding-left:30px}.container{max-width:1200px;margin:0 auto;padding:20px}.page-title{font-size:24px;font-weight:700;margin-bottom:20px}.info-box{background-color:#f0f7ff;border:1px solid #cce5ff;border-radius:6px;padding:15px;margin-bottom:20px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.button{padding:8px 15px;border-radius:4px;border:1px solid #ccc;cursor:pointer;font-size:14px;transition:all .2s}.button-primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.button-secondary{background-color:#f3f4f6;color:#1f2937}.button-destructive{background-color:#ef4444;color:#fff;border-color:#ef4444}.button-warning{background-color:#f59e0b;color:#fff;border-color:#f59e0b}.button-small{padding:4px 8px;font-size:12px}.button:disabled{opacity:.5;cursor:not-allowed}.status-info{margin-top:15px;font-size:14px}.text-success{color:#10b981}.text-danger{color:#ef4444}.job-details{margin-top:10px}.job-list{list-style:none;padding:0;margin:10px 0 0}.job-item{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:5px}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.active{background-color:#10b981}.status-indicator.inactive{background-color:#d1d5db}.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.card{border:1px solid #e5e7eb;border-radius:6px;padding:15px;background-color:#fff;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-header h3{font-size:16px;margin:0}.card-description{font-size:14px;color:#6b7280;margin-bottom:15px}.timestamp{font-size:12px;color:#6b7280}.card-content{margin-bottom:15px}.card-footer{display:flex;justify-content:flex-end}.full-width{width:100%}.result-box{background-color:#f3f4f6;border-radius:4px;padding:10px;font-size:14px;margin-bottom:15px}.result-box.success{background-color:#ecfdf5;border:1px solid #d1fae5}.result-box.error{background-color:#fef2f2;border:1px solid #fee2e2}.result-title{font-weight:500;margin-bottom:5px}.result-title.success{color:#10b981}.result-title.error{color:#ef4444}.result-data,.result-error{font-size:12px;max-height:100px;overflow-y:auto;white-space:pre-wrap}.result-error{color:#ef4444}.logs-container{border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e5e7eb}.logs-header h3{font-size:16px;margin:0}.empty-logs{text-align:center;padding:30px;color:#6b7280}.log-entries{max-height:350px;overflow-y:auto}.log-entry{padding:10px 15px;border-bottom:1px solid #e5e7eb;font-size:14px;display:flex;align-items:flex-start}.log-entry.success{background-color:#ecfdf5}.log-entry.error{background-color:#fef2f2}.log-entry.info{background-color:#eff6ff}.log-time{min-width:80px;font-size:12px;color:#6b7280;margin-right:10px}.log-message{flex-grow:1}.log-details{margin-top:5px;font-size:12px}.log-details summary{cursor:pointer;color:#3b82f6}.log-data{background-color:#f9fafb;padding:8px;border-radius:4px;margin-top:5px;max-height:100px;overflow-y:auto;white-space:pre-wrap}.search-container{margin-bottom:15px}.search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th{background-color:#f9fafb;font-weight:500}.actions{display:flex;gap:5px}.empty-state{text-align:center;padding:30px;color:#6b7280}.mt-20{margin-top:20px}.verification-details{padding:15px;background-color:#f9fafb;border-radius:4px}.verification-result{margin-top:15px;padding:10px;border-radius:4px}.verification-result.success{background-color:#ecfdf5;border:1px solid #d1fae5}.verification-result.error{background-color:#fef2f2;border:1px solid #fee2e2}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-yellow{background-color:#fef3c7;color:#92400e}.status-green{background-color:#d1fae5;color:#065f46}.status-red{background-color:#fee2e2;color:#b91c1c}.status-purple{background-color:#ede9fe;color:#5b21b6}.status-orange{background-color:#ffedd5;color:#c2410c}.status-blue{background-color:#dbeafe;color:#1e40af}.status-indigo{background-color:#e0e7ff;color:#3730a3}.status-gray{background-color:#f3f4f6;color:#374151}.retry-schedule-container{margin-top:24px;border:1px solid #e0e0e0;border-radius:8px;padding:20px;background-color:#f9f9f9}.retry-schedule-item{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px;background-color:#fff}.retry-attempt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #eee}.retry-attempt-header h4{margin:0;font-size:16px;font-weight:600}.remove-schedule-btn{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:14px}.retry-timing-section,.retry-discount-section{margin-bottom:24px}.retry-timing-section label,.retry-discount-section label{display:block;margin-bottom:8px;font-weight:500}.timing-options{display:flex;gap:12px;align-items:center}.timing-type-selector,.timing-value-selector{flex:1}.input-with-label{display:flex;align-items:center;gap:8px}.input-with-label input{width:80px}.input-label{font-size:14px;color:#666}.discount-options{margin-top:12px;background-color:#f9f9f9;padding:12px;border-radius:6px}.radio-option-container{display:flex;gap:24px;margin-bottom:16px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{display:none}.radio-circle{width:18px;height:18px;border:2px solid #ccc;border-radius:50%;position:relative}.radio-circle-option input[type=radio]:checked+.radio-circle:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#3b82f6;top:50%;left:50%;transform:translate(-50%,-50%)}.discount-input-container{margin-top:8px}.input-with-prefix,.input-with-suffix{display:flex;align-items:center;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:0 10px;max-width:200px}.input-prefix,.input-suffix{padding:0 8px;color:#6b7280;font-weight:600}.add-schedule-btn{display:inline-block;width:100%;padding:12px;background-color:#1a1a1d;border:1px dashed rgba(255,255,255,.2);border-radius:6px;color:#60a5fa;font-size:14px;font-weight:500;cursor:pointer;text-align:center;margin-top:15px;transition:all .2s}.add-schedule-btn:hover{background-color:#1e1e24;border-color:#60a5fa66}.retry-rules-table-container{margin-bottom:20px;overflow-x:auto}.retry-rules-table{width:100%;border-collapse:collapse;margin-bottom:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 8px #0000004d;background-color:#121218;border-radius:8px;overflow:hidden}.retry-rules-table th{background-color:#1a1a1d;color:#fffc;font-weight:600;text-align:left;padding:15px;border-bottom:1px solid rgba(255,255,255,.1)}.retry-rules-table td{padding:15px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:middle;color:#e4e6eb}.rule-row{cursor:pointer;transition:background-color .2s}.rule-row:hover{background-color:#1e1e24}.rule-row.expanded{background-color:#202028}.rule-name{font-weight:600;color:#e4e6eb}.actions-cell{text-align:right;white-space:nowrap}.action-btn{padding:6px 12px;margin-left:8px;border-radius:4px;font-size:.875rem;border:none;cursor:pointer;transition:all .2s}.edit-btn{background-color:#1e293b;color:#60a5fa}.edit-btn:hover{background-color:#2d3748}.delete-btn{background-color:#3f1d2b;color:#f87171}.delete-btn:hover{background-color:#4c2232}.status-badge{padding:5px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.status-green{background-color:#10b98133;color:#10b981}.status-gray{background-color:#64748b33;color:#94a3b8}.rule-details-row{display:none}.retry-schedule-container{margin-top:24px;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;background-color:#121218}.retry-schedule-description{color:var(--color-text-secondary);font-size:14px;margin-bottom:20px}.retry-schedule-item{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;margin-bottom:16px;background-color:#1a1a1d}.empty-state{text-align:center;padding:30px;color:var(--color-text-secondary)}.retry-rules-table-container{margin-top:20px;overflow-x:auto}.retry-rules-table{width:100%;border-collapse:collapse;margin-bottom:20px}.retry-rules-table th,.retry-rules-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.retry-rules-table th{background-color:#1a1a1d;font-weight:600;color:#fffc;font-size:.875rem}.retry-rules-table tbody tr:hover{background-color:#1e1e24}.rule-row td{vertical-align:middle;color:#e4e6eb}.timing-controls,.discount-controls{display:flex;flex-direction:column;gap:8px}.inline-input{display:flex;align-items:center;gap:8px}.inline-input .form-input{width:80px;background-color:#1c1c1f;border:1px solid rgba(255,255,255,.1);color:#e4e6eb}.unit-label{color:var(--color-text-secondary);font-size:.875rem}.currency-symbol{color:var(--color-text-secondary);font-size:.875rem;margin-right:4px}.retry-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.attempt-settings{display:flex;align-items:center;gap:12px}.attempt-settings .form-input{width:80px;background-color:#1c1c1f;border:1px solid rgba(255,255,255,.1);color:#e4e6eb}.retry-action-buttons{display:flex;justify-content:flex-end;margin-top:20px}.action-btn.remove-btn{color:#f87171;border:1px solid #f87171;background:transparent;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.action-btn.remove-btn:hover{background:#f871711a}.rule-edit-controls{margin-top:20px;padding:15px;background-color:#121218;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.rule-name-field{margin-bottom:15px}.rule-name-field label{display:block;margin-bottom:5px;font-weight:600;color:#e4e6eb}.rule-name-field input{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:14px;background-color:#1c1c1f;color:#e4e6eb}.add-attempt-btn{display:inline-block;width:100%;padding:12px;background-color:#1a1a1d;border:1px dashed rgba(255,255,255,.2);border-radius:6px;color:#60a5fa;font-size:14px;font-weight:500;cursor:pointer;text-align:center;margin-top:15px;transition:all .2s}.add-attempt-btn:hover{background-color:#1e1e24;border-color:#60a5fa66}.add-attempt-btn:disabled{background-color:#1a1a1d;border-color:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.add-attempt-cell{padding:12px 16px!important;text-align:center;background-color:#121218}.add-rule-btn{width:100%;padding:10px;background-color:transparent;border:1px dashed rgba(255,255,255,.2);border-radius:6px;color:#60a5fa;font-size:14px;font-weight:500;cursor:pointer;text-align:center;transition:all .2s}.add-rule-btn:hover{background-color:#3b82f60d;border-color:#3b82f64d}.retry-rule-section{background-color:#121218;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;margin-bottom:20px}.add-new-attempt-container{background-color:#121218;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;margin-top:15px;margin-bottom:15px}.retry-schedule-editor{width:100%;color:#fff}.retry-schedule-editor h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#fff;font-weight:600}.retry-schedule-editor .form-input{width:100%;padding:10px 14px;background-color:#1c1c1f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#e4e6eb;font-size:14px;height:44px}.retry-schedule-editor select.form-input{width:100%;max-width:320px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center;background-size:14px;padding-right:32px}.retry-schedule-editor .inline-input select.form-input{width:auto;min-width:120px}.retry-schedule-editor .inline-input{margin-top:12px;display:flex;align-items:center;flex-wrap:wrap}.retry-schedule-editor .unit-label{margin-left:10px;color:var(--color-text-secondary);font-size:14px}.retry-schedule-editor .input-with-prefix{position:relative;width:120px}.retry-schedule-editor .input-with-prefix input{padding-left:24px;width:100%;height:44px;background-color:#1c1c1f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#e4e6eb;font-size:14px}.retry-schedule-editor .input-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:14px;pointer-events:none}.retry-schedule-editor .radio-group{display:flex;gap:16px;margin-top:12px;margin-bottom:16px}.retry-schedule-editor .radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#e4e6eb}.retry-schedule-editor .radio-group input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;outline:none;margin:0;position:relative;cursor:pointer}.retry-schedule-editor .radio-group input[type=radio]:checked{border-color:#3b82f6}.retry-schedule-editor .radio-group input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#3b82f6}.retry-schedule-editor .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.retry-schedule-editor .btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;min-width:100px}.retry-schedule-editor .btn-outline{background-color:#ffffff1a;color:#e4e6eb}.retry-schedule-editor .btn-outline:hover{background-color:#ffffff26}.retry-schedule-editor .btn-primary{background-color:#3b82f6;color:#fff}.retry-schedule-editor .btn-primary:hover{background-color:#2563eb}.retry-schedule-editor .form-row{margin-bottom:20px}.retry-schedule-editor .form-group label{display:block;margin-bottom:12px;font-weight:500;color:#e4e6eb;font-size:14px}.rule-status-toggle{display:flex;align-items:center;margin-bottom:20px}.switch-label{display:flex;align-items:center;font-weight:500;cursor:pointer}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:10px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}input:checked+.toggle-slider{background-color:#4f46e5}.rule-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.rule-status{margin:0 15px}.status-badge{padding:3px 8px;border-radius:10px;font-size:12px;font-weight:500}.status-badge.active{background-color:#dcf7e3;color:#15803d}.status-badge.inactive{background-color:#f9e8e8;color:#b91c1c}.rule-actions{display:flex;gap:10px}.input-with-icon{position:relative;width:100%;max-width:450px}.input-with-icon .form-input{width:100%;padding-right:40px}.visibility-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#8a8d98;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.visibility-toggle:hover{color:#e4e6eb}.settings-card{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;margin-bottom:28px;box-shadow:0 4px 6px #0000001a}.settings-description{color:var(--color-text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.form-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;margin-bottom:10px;color:#d4d4d8}.form-label-icon{display:flex;align-items:center;justify-content:center;color:#60a5fa;background:#3b82f61a;padding:8px;border-radius:8px}.form-help-text{color:var(--color-text-muted);font-size:13px;margin-top:6px;line-height:1.4}.recurring-billing-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recurring-prefix{color:var(--color-text-secondary);font-size:14px}.form-input-short{width:80px;padding:12px 16px;background-color:#0f0f13;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:16px;height:48px}.form-select{background-color:#0f0f13;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:14px;padding:12px 36px 12px 16px;height:48px;min-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-input:focus,.form-input-short:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.form-actions{display:flex;justify-content:flex-end;margin-top:32px}.btn-with-icon{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-with-icon:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-with-icon:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.btn-with-icon:disabled{opacity:.6;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@media (max-width: 640px){.settings-card{padding:20px 16px}.form-label{flex-direction:column;align-items:flex-start;gap:5px}.recurring-billing-container{flex-direction:column;align-items:flex-start}.form-input-short,.form-select{width:100%}.form-actions{justify-content:center}.btn-with-icon{width:100%;justify-content:center}}.subscription-settings-card{background-color:transparent;border:none;border-radius:8px;padding:24px;margin-bottom:32px}.subscription-form-group{margin-bottom:24px}.subscription-form-label{display:block;font-size:14px;font-weight:500;margin-bottom:10px;color:#e4e6eb}.subscription-form-input{width:100%;padding:12px 16px;background-color:#0f0f13cc;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:16px;height:48px;transition:border-color .2s ease}.subscription-form-input:focus{outline:none;border-color:#3b82f6}.subscription-form-help-text{color:var(--color-text-muted);font-size:13px;margin-top:8px;line-height:1.4}.subscription-billing-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.subscription-recurring-label{color:var(--color-text-secondary);font-size:15px;font-weight:400}.subscription-value-input{width:80px;height:48px;padding:12px 16px;background-color:#0f0f13cc;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:16px;text-align:center;transition:border-color .2s ease}.subscription-value-input:focus{outline:none;border-color:#3b82f6}.subscription-select-wrapper{position:relative;min-width:120px}.subscription-unit-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:48px;padding:0 36px 0 16px;background-color:#0f0f13cc;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:border-color .2s ease}.subscription-unit-select:focus{outline:none;border-color:#3b82f6}.subscription-select-wrapper:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;pointer-events:none}.subscription-form-actions{display:flex;justify-content:flex-end;margin-top:32px}.subscription-save-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;min-width:200px}.subscription-save-btn:hover:not(:disabled){background-color:#2563eb}.subscription-save-btn:disabled{opacity:.6;cursor:not-allowed;background-color:#64748b}.subscription-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:subscription-spin .8s linear infinite;margin-right:8px}@keyframes subscription-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.subscription-settings-card{padding:20px 16px}.subscription-billing-row{flex-wrap:wrap}.subscription-value-input,.subscription-select-wrapper{width:calc(50% - 6px)}.subscription-form-actions{justify-content:stretch}.subscription-save-btn{width:100%}}.brand-info-container{margin-bottom:32px}.brand-form-group{margin-bottom:24px}.brand-form-label{display:block;font-size:14px;font-weight:500;margin-bottom:10px;color:#e4e6eb}.brand-form-input{width:100%;padding:12px 16px;background-color:#0f0f13cc;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:16px;height:48px;transition:border-color .2s ease}.brand-form-input:focus{outline:none;border-color:#3b82f6}.brand-form-input-copyable{cursor:pointer}.brand-form-input-copyable:hover{background-color:#1e1e28cc}.brand-form-help-text{color:var(--color-text-muted);font-size:13px;margin-top:8px;line-height:1.4}.brand-input-with-icon{position:relative}.brand-visibility-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#8a8d98;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.brand-visibility-toggle:hover{color:#fff}.brand-error-message{color:#ef4444;margin-bottom:12px;font-size:14px}.invite-container{margin-bottom:32px;max-width:800px}.invite-description{color:var(--color-text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.invite-form{margin-bottom:32px;display:flex;flex-direction:column;gap:20px}.invite-form-row{display:flex;gap:20px;align-items:flex-start;width:100%}.invite-form-group{display:flex;flex-direction:column;gap:12px;margin:0}.invite-email-group{flex:2}.invite-role-group{flex:1;min-width:120px}.invite-form-label{display:block;font-size:14px;font-weight:500;margin:0;color:#fff}.invite-form-input{width:100%;padding:12px 16px;background-color:#0f0f13;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:16px;height:48px;transition:border-color .2s ease}.invite-form-input:focus{outline:none;border-color:#3b82f6}.invite-form-select{width:100%;height:48px;padding:0 40px 0 16px;background-color:#0f0f13;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s ease;cursor:pointer}.invite-form-select:focus{outline:none;border-color:#3b82f6}.invite-form-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:16px}.invite-submit-btn{display:flex;align-items:center;justify-content:center;padding:12px 24px;background-color:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#60a5fa;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.invite-submit-btn:hover:not(:disabled){background-color:#3b82f64d}.invite-submit-btn:disabled{opacity:.6;cursor:not-allowed}.invite-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:invite-spin .8s linear infinite;margin-right:8px}@keyframes invite-spin{to{transform:rotate(360deg)}}.invite-pending-section{margin-top:36px}.invite-section-subtitle{font-size:18px;font-weight:600;margin-bottom:16px;color:#fff}.invite-empty-state{color:var(--color-text-secondary);font-size:14px;padding:12px 0}@media (max-width: 768px){.invite-form-row{flex-direction:column;gap:20px}.invite-role-group{width:100%}.invite-form-actions{justify-content:stretch}.invite-submit-btn{width:100%}}.invite-select-wrapper{position:relative;width:100%}.invite-select-wrapper:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:12px;height:12px;pointer-events:none}.invite-form-select{width:100%;height:48px;padding:0 40px 0 16px;background-color:#0f0f13;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s ease;cursor:pointer}.xecom_invite_container{padding-top:8px;margin-bottom:48px;max-width:100%}.xecom_invite_description{color:var(--color-text-secondary);margin-bottom:32px;font-size:14px;line-height:1.5}.xecom_invite_form{max-width:700px}.xecom_invite_form_wrapper{display:flex;align-items:flex-end;gap:24px;margin-bottom:24px}.xecom_invite_input_section{flex:2;min-width:0;display:flex;flex-direction:column;gap:8px}.xecom_invite_role_section{flex:1;max-width:120px;min-width:0;display:flex;flex-direction:column;gap:8px}.xecom_invite_label{display:block;font-size:14px;font-weight:500;color:#fff}.xecom_invite_input{width:100%;padding:12px 16px;height:48px;background-color:#0f0f13;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:16px;transition:border-color .2s ease}.xecom_invite_input:focus{outline:none;border-color:#3b82f6}.xecom_invite_select_container{position:relative;width:100%}.xecom_invite_select{width:100%;height:48px;padding:12px 40px 12px 16px;background-color:#0f0f13;border:1px solid #2a2a3c;border-radius:8px;color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.xecom_invite_select:focus{outline:none;border-color:#3b82f6}.xecom_invite_button_wrapper{display:flex;align-items:flex-end;margin-left:auto}.xecom_invite_button{background-color:transparent;display:flex;align-items:center;justify-content:center;padding:12px 24px;background-color:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#60a5fa;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.xecom_invite_button:hover:not(:disabled){background-color:#3b82f64d}.xecom_invite_button:disabled{opacity:.6;cursor:not-allowed}.xecom_invite_spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:xecom_invite_spin .8s linear infinite;margin-right:8px}@keyframes xecom_invite_spin{to{transform:rotate(360deg)}}.xecom_pending_invites_section{margin-top:32px}.xecom_pending_invites_title{font-size:18px;font-weight:600;margin-bottom:16px;color:#fff}.xecom_pending_invites_empty,.xecom_pending_invites_loading{color:var(--color-text-secondary);font-size:14px;padding:16px 0}@media (max-width: 640px){.xecom_invite_form_wrapper{flex-direction:column;gap:16px}.xecom_invite_role_section{max-width:100%;width:100%}.xecom_invite_button_wrapper{justify-content:stretch}.xecom_invite_button{width:100%}}.xecom_pending_invites_loading{color:var(--color-text-secondary);font-style:italic}.invite-cards-container{display:flex;flex-direction:column;gap:12px;margin-top:16px}.invite-card{background-color:#1a1a1d;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.invite-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003;border-color:#ffffff26}.invite-card-content{padding:16px;display:flex;justify-content:space-between;align-items:center}.invite-card-info{flex:1}.invite-email{font-weight:500;font-size:16px;color:#fff;margin-bottom:6px;word-break:break-word}.invite-details{display:flex;gap:16px;font-size:14px;color:var(--color-text-secondary)}.invite-role{display:inline-flex;align-items:center;background-color:#ffffff1a;padding:2px 8px;border-radius:12px;font-size:12px;text-transform:capitalize}.invite-role[data-role=admin]{background-color:#3b82f633;color:#60a5fa}.invite-date{font-size:12px;color:#8a8d98}.invite-card-actions{display:flex;gap:8px}.invite-action-btn{padding:6px 14px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background-color .2s ease,transform .1s ease}.invite-action-btn:active{transform:scale(.97)}.invite-resend-btn{background-color:#ffffff1a;color:#e4e6eb}.invite-resend-btn:hover{background-color:#ffffff26}.invite-revoke-btn{background-color:#dc26261a;color:#f87171}.invite-revoke-btn:hover{background-color:#dc262633}@media (max-width: 640px){.invite-card-content{flex-direction:column;align-items:flex-start}.invite-card-actions{margin-top:12px;width:100%;justify-content:flex-end}.invite-details{flex-direction:column;gap:8px}}.store-subscription-table{background-color:#18181b;border-radius:8px;padding:24px;margin-bottom:24px;margin-left:-24px;margin-right:-24px;width:calc(100% + 48px);box-sizing:border-box}.store-subscription-table-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--color-text-secondary);font-size:16px}.store-subscription-table-empty{text-align:center;padding:40px;color:var(--color-text-secondary);font-size:16px}.store-subscription-table-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;color:#fca5a5;font-size:16px;text-align:center}.retry-btn{padding:8px 16px;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background-color:#2563eb}.table-container{overflow-x:auto;margin-top:20px;width:100%}.subscription-settings-table{width:100%;min-width:100%;border-collapse:collapse;background-color:#18181b;border-radius:8px;overflow:hidden;table-layout:fixed}.subscription-settings-table th{background-color:#27272a;color:#fafafa;font-weight:600;padding:16px 12px;text-align:left;border-bottom:1px solid #3f3f46;font-size:14px;white-space:nowrap}.subscription-settings-table th:nth-child(1),.subscription-settings-table td:nth-child(1){width:22%}.subscription-settings-table th:nth-child(2),.subscription-settings-table td:nth-child(2){width:11%}.subscription-settings-table th:nth-child(3),.subscription-settings-table td:nth-child(3){width:11%}.subscription-settings-table th:nth-child(4),.subscription-settings-table td:nth-child(4){width:11%}.subscription-settings-table th:nth-child(5),.subscription-settings-table td:nth-child(5){width:11%}.subscription-settings-table th:nth-child(6),.subscription-settings-table td:nth-child(6){width:22%}.subscription-settings-table th:nth-child(7),.subscription-settings-table td:nth-child(7){width:12%}.subscription-settings-table td{padding:16px 12px;border-bottom:1px solid #27272a;vertical-align:middle}.store-row:hover{background-color:#27272a80}.store-name{color:#fafafa;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:16px}.table-input{width:90%;max-width:150px;padding:8px 12px;background-color:#0f0f13cc;border:1px solid #2a2a3c;border-radius:6px;color:#fff;font-size:14px;transition:border-color .2s ease}.table-input:focus{outline:none;border-color:#3b82f6}.table-select{padding:8px 32px 8px 12px;background-color:#0f0f13cc;border:1px solid #2a2a3c;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:border-color .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.table-select:focus{outline:none;border-color:#3b82f6}.recurring-billing-inputs{display:flex;align-items:center;gap:8px;min-width:200px;justify-content:flex-start}.recurring-label{color:var(--color-text-secondary);font-size:14px;white-space:nowrap}.frequency-input{max-width:60px}.frequency-select{max-width:100px}.save-store-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;min-width:100px;white-space:nowrap}.save-store-btn:hover:not(:disabled){background-color:#2563eb}.save-store-btn:disabled{opacity:.6;cursor:not-allowed;background-color:#64748b}.store-message{margin-top:12px;padding:12px 16px;border-radius:6px;font-size:14px}.error-message{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.success-message{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}@media (max-width: 1400px){.table-container{overflow-x:scroll}.subscription-settings-table{min-width:1000px}}@media (min-width: 1600px){.settings-content{padding:0 32px 32px}.store-subscription-table{margin-left:-32px;margin-right:-32px;width:calc(100% + 64px);padding:32px}}@media (max-width: 1200px){.settings-content{max-width:100%;padding:0 16px 32px}.store-subscription-table{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}.subscription-settings-table{table-layout:auto;min-width:1100px}}@media (max-width: 768px){.subscription-settings-table th,.subscription-settings-table td{padding:12px 8px;font-size:13px}.table-input{max-width:100px;padding:6px 8px;font-size:13px}.table-select{padding:6px 8px;font-size:13px}.save-store-btn{padding:6px 12px;font-size:13px;min-width:80px}.recurring-billing-inputs{gap:6px;min-width:180px}.frequency-input{max-width:50px}.frequency-select{max-width:80px}}.store-retry-rules-table{margin-bottom:30px}.store-retry-rules-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#ffffffb3;font-size:.95rem}.store-retry-rules-error{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#f87171;font-size:.95rem;flex-direction:column}.store-retry-rules-empty{text-align:center;padding:40px;color:#fff9;font-size:.95rem}.retry-rules-store-table{width:100%;border-collapse:collapse;margin-top:20px;background-color:#191a1fb3;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026}.retry-rules-store-table th{background-color:#0f1014cc;color:#ffffffd9;font-weight:600;text-align:left;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem;letter-spacing:.02em}.retry-rules-store-table td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle;color:#ffffffe6;font-size:.95rem}.store-retry-row{cursor:pointer;transition:all .2s ease}.store-retry-row:hover{background-color:#ffffff0d}.store-retry-row.selected{background-color:#2b9af326;border-left:3px solid #2b9af3}.store-retry-row.no-rules{opacity:.7}.store-retry-row.no-rules:hover{opacity:1}.store-name{font-weight:600;color:#fffffff2}.no-rules-indicator{display:block;font-size:.8rem;color:#ffffff80;font-weight:400;margin-top:2px}.attempts-count{font-weight:500;color:#2b9af3;font-size:1rem}.timing-info{color:#fffc;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}@media (max-width: 768px){.retry-rules-store-table th,.retry-rules-store-table td{padding:12px 16px;font-size:.9rem}.store-name{font-size:.95rem}.no-rules-indicator{font-size:.75rem}.timing-info{font-size:.85rem}}.expand-cell{text-align:center;padding:16px 8px!important;cursor:pointer;width:40px;position:relative}.expand-icon{color:#ffffff80;transition:all .2s ease;transform-origin:center}.store-retry-row:hover .expand-icon{color:#fffc;transform:scale(1.1)}.store-retry-row.expanded{background-color:#2b9af314}.store-retry-row.expanded .expand-icon{color:#2b9af3;transform:scale(1.1)}.expanded-row{background-color:#191a1ff2}.expanded-row:hover{background-color:#191a1ff2!important}.expanded-content{padding:0!important;border-top:1px solid rgba(255,255,255,.1)}.store-retry-details{padding:24px;background:linear-gradient(135deg,#0f1014e6,#191a1fcc);border-radius:0 0 8px 8px;animation:expandDown .3s ease-out}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px);max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;transform:translateY(0);max-height:1000px;padding-top:24px;padding-bottom:24px}}.expanded-rules-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.expanded-rules-header h3{margin:0;font-size:18px;font-weight:600;color:#fffffff2}.store-retry-details .retry-rules-table-container{margin-bottom:16px}.store-retry-details .retry-rules-table{border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.store-retry-details .add-new-attempt-container{margin-top:20px;display:flex;justify-content:center}.store-retry-details .add-attempt-btn{background:#1976d21a;color:#2b9af3;border:1px solid rgba(25,118,210,.2);padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.store-retry-details .add-attempt-btn:hover{background:#1976d233;border-color:#1976d24d}.store-retry-details .expanded-form-section{margin-top:20px;border-radius:8px}@media (max-width: 768px){.store-retry-details{padding:16px}.expanded-rules-header h3{font-size:16px}.store-retry-details .add-attempt-btn{padding:10px 20px;font-size:13px}}.stores-and-groups-settings{padding-top:10px}.stores-and-groups-settings .settings-section-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:30px}.stores-and-groups-settings h3{font-size:20px;font-weight:600;margin-top:25px;margin-bottom:20px;color:var(--color-text-primary)}.create-collection-form{display:flex;flex-direction:column;gap:15px;padding:0;border-radius:0;margin-bottom:30px;max-width:500px}.stores-and-groups-settings .form-group{display:flex;flex-direction:column;gap:8px}.stores-and-groups-settings .form-group label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.create-collection-form .form-group input[type=text]{padding:12px 16px;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:16px;height:48px;transition:border-color .2s ease}.stores-and-groups-settings .form-group input[type=text]:focus,.create-collection-form .form-group input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.stores-and-groups-settings .create-collection-form .form-group button[type=submit],.stores-and-groups-settings .create-collection-form button[type=submit]{padding:10px 18px;border:none;border-radius:6px;background-color:var(--color-primary);color:var(--color-text-inverse);font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease;align-self:flex-start;margin-top:8px;width:auto}.stores-and-groups-settings .create-collection-form button[type=submit]:hover{background-color:var(--color-primary-hover)}.stores-and-groups-settings .create-collection-form button[type=submit]:disabled{background-color:var(--color-surface-active);cursor:not-allowed}.stores-and-groups-settings .feedback-message{margin-top:10px;padding:10px;border-radius:4px;font-size:14px}.stores-and-groups-settings .feedback-message.success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.stores-and-groups-settings .feedback-message.error{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.manage-collections-section{margin-top:30px;color:var(--color-text-secondary);padding:0;border-radius:0}.manage-collections-section p{font-size:14px;line-height:1.6}.manage-collections-section p em{font-style:italic;color:var(--color-text-tertiary)}.collections-list{list-style:none;padding:0;margin-top:15px;display:flex;flex-direction:column;gap:12px}.collection-item{padding:15px 18px;border-radius:8px;margin-bottom:0;border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.collection-item:hover{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.1)}.collection-item.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.collection-item.active .collection-name,.collection-item.active .collection-role-badge{color:var(--color-text-inverse)}.collection-item .collection-name{font-size:1rem}.collection-item .collection-role-badge{font-size:.75rem;font-weight:500;padding:3px 7px;border-radius:5px;background-color:var(--color-surface-hover);color:var(--color-text-secondary);margin-left:10px;border:1px solid var(--color-border)}.collection-item.active .collection-role-badge{background-color:rgba(var(--color-background-rgb),.2);color:var(--color-text-inverse);border-color:rgba(var(--color-background-rgb),.3)}.collection-item .collection-role-badge[data-role=owner]{background-color:#ffc10733;color:#ffc107}.collection-item .collection-role-badge[data-role=admin]{background-color:#17a2b833;color:#17a2b8}.manage-collections-section>ul>p{color:#888;font-style:italic;padding:10px 0}.brands-in-collection-list{list-style:none;padding-left:20px;margin-top:10px;margin-bottom:5px}.brand-in-collection-item{padding:6px 0;font-size:14px;color:var(--color-text-primary);display:flex;justify-content:space-between;align-items:center}.move-brand-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;margin-left:10px;border-radius:4px;line-height:1}.move-brand-button:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.no-brands-in-collection{font-size:13px;color:var(--color-text-tertiary);font-style:italic;padding-left:20px;margin-top:8px;margin-bottom:8px}.brands-collections-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;margin-top:20px;margin-bottom:24px}.brands-collections-table th{background-color:var(--color-surface-hover);color:var(--color-text-secondary);font-weight:500;text-align:left;padding:12px 15px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.brands-collections-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:14px;transition:background-color .2s ease}.brands-collections-table tbody tr:nth-child(odd){background-color:var(--color-surface)}.brands-collections-table tbody tr:hover td{background-color:rgba(var(--color-primary-rgb),.05)}.brands-collections-table tbody tr:last-child td{border-bottom:none}.brands-collections-table td:first-child{color:var(--color-text-primary);font-weight:500}.table-select-collection{width:100%;padding:8px 30px 8px 10px;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);font-size:14px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.table-select-collection:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.table-select-collection:disabled{opacity:.7;background-color:var(--color-surface-active);cursor:not-allowed}.table-select-collection option{background-color:var(--color-surface);color:var(--color-text-primary);padding:8px 12px}.selected-collection-details.panel{margin-top:25px}.panel .panel-title{margin-top:35px}.selected-collection-details .panel-title{margin-bottom:10px;font-size:1.25rem;font-weight:600}.selected-collection-details>p{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:25px}.invite-member-section.sub-panel{margin-top:15px}.invite-member-section .sub-panel-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:20px}.invite-form .form-group{margin-bottom:15px;max-width:450px}.invite-form .form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.invite-form .form-group input[type=email],.invite-form .form-group select{width:100%;padding:12px 16px;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:16px;height:48px;transition:border-color .2s ease;box-sizing:border-box}.invite-form .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer;padding-right:40px}.invite-form .form-group input[type=email]:focus,.invite-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.invite-form button[type=submit]{padding:10px 18px;border:none;border-radius:6px;background-color:var(--color-primary);color:var(--color-text-inverse);font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;align-self:flex-start;margin-top:5px;width:auto}.invite-form button[type=submit]:hover{background-color:var(--color-primary-hover)}.invite-form button[type=submit]:disabled{background-color:var(--color-surface-active);cursor:not-allowed;opacity:.7}.rename-collection-section.sub-panel,.delete-collection-section.sub-panel{margin-top:10px;padding:0;border-radius:8px}.delete-collection-section.sub-panel{margin-top:30px}.panel-title-sm{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-top:0;margin-bottom:15px}.rename-collection-form.form-inline .form-group{display:flex;flex-direction:row;align-items:center;gap:10px}.rename-collection-form.form-inline input[type=text]{flex-grow:1}.rename-collection-form.form-inline button[type=submit]{align-self:center;margin-top:0;flex-shrink:0}.delete-collection-section .small-text{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:15px}.button.danger-button{background-color:var(--color-danger);color:var(--color-text-inverse)}.button.danger-button:hover{background-color:var(--color-danger-hover)}.button.danger-button:disabled{background-color:var(--color-danger-active);cursor:not-allowed}.info-message{font-size:.9rem;color:var(--color-text-secondary);background-color:var(--color-surface-hover);padding:10px 15px;border-radius:6px;border:1px solid var(--color-border);margin-top:15px;text-align:center}.pending-invites-section.sub-panel{margin-top:15px}.pending-invites-section .sub-panel-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:20px}.pending-invites-section .form-group{margin-bottom:15px;max-width:450px}.pending-invites-section .form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.pending-invites-section .form-group input[type=email],.pending-invites-section .form-group select{width:100%;padding:12px 16px;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:16px;height:48px;transition:border-color .2s ease;box-sizing:border-box}.pending-invites-section .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer;padding-right:40px}.pending-invites-section .form-group input[type=email]:focus,.pending-invites-section .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.pending-invites-section button[type=submit]{padding:10px 18px;border:none;border-radius:6px;background-color:var(--color-primary);color:var(--color-text-inverse);font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;align-self:flex-start;margin-top:5px;width:auto}.pending-invites-section button[type=submit]:hover{background-color:var(--color-primary-hover)}.pending-invites-section button[type=submit]:disabled{background-color:var(--color-surface-active);cursor:not-allowed;opacity:.7}.members-table .table-select-role{background-color:var(--color-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-border);padding:6px 10px;border-radius:4px;min-width:100px;box-sizing:border-box}.members-table .table-select-role:disabled{background-color:var(--color-surface-active);color:var(--color-text-tertiary);cursor:not-allowed}.members-table .table-select-role option{background-color:var(--color-surface);color:var(--color-text-primary)}.members-table td{vertical-align:middle}.members-table .button-danger-link-small{background:none;border:none;color:var(--color-text-primary);padding:4px 8px;cursor:pointer;font-size:.85em;border-radius:4px;transition:color .2s ease,background-color .2s ease}.members-table .button-danger-link-small:hover{color:var(--color-danger);background-color:var(--color-danger-bg);text-decoration:none}.members-table .button-danger-link-small:disabled{color:var(--color-text-tertiary);text-decoration:none;cursor:not-allowed;background-color:transparent}.role-update-feedback{margin-top:10px;padding:8px;border-radius:4px;font-size:.9em}.role-update-feedback.success{background-color:var(--color-success);color:var(--color-text-inverse);border:1px solid var(--color-success-hover)}.role-update-feedback.error{background-color:var(--color-danger);color:var(--color-text-inverse);border:1px solid var(--color-danger-hover)}.invites-table .button-link-small{background:none;border:none;color:var(--color-text-primary);padding:4px 8px;text-decoration:none;cursor:pointer;font-size:.85em;border-radius:4px;transition:color .2s ease,background-color .2s ease}.invites-table .button-link-small:hover{color:var(--color-text-secondary);background-color:var(--color-surface-hover);text-decoration:underline}.invites-table .button-link-small:disabled{color:var(--color-text-tertiary);cursor:not-allowed;text-decoration:none}.add-store-section.panel{margin-bottom:30px}.add-store-section .panel-title{font-size:20px;font-weight:600;margin-bottom:15px;color:var(--color-text-primary)}.add-store-section .panel-description{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px;line-height:1.5}.add-store-section .button.primary-button{padding:12px 24px;background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-store-section .button.primary-button:hover{background-color:var(--color-primary-hover)}.add-store-section .button.primary-button:disabled{background-color:var(--color-surface-active);cursor:not-allowed}.create-store-modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-background-rgb),.8);z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-store-modal-container .brand-overlay{background-color:var(--color-surface);border-radius:12px;padding:40px;width:600px!important;max-width:100%!important;box-shadow:0 8px 32px #0006;color:var(--color-text-primary);border:1px solid var(--color-border);position:relative;margin:20px}.create-store-modal-container .close-button{position:absolute;top:20px;right:20px;background:var(--color-surface-hover);border:none;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;cursor:pointer;z-index:10;width:36px;height:36px}.create-store-modal-container .brand-overlay .auth-form-container{width:100%;margin:10px auto 0}.create-store-modal-container .brand-overlay .auth-form{display:flex;flex-direction:column;width:100%;gap:30px}.create-store-modal-container .brand-overlay .input-group{width:100%;margin-bottom:0}.create-store-modal-container .input-group label{display:block;margin-bottom:10px;font-size:16px;font-weight:500;color:var(--color-text-secondary);font-family:var(--font-geist)}.create-store-modal-container .brand-overlay input,.create-store-modal-container .brand-overlay .brand-name-input{width:100%;padding:12px 16px;height:45px;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:16px;box-sizing:border-box;margin-bottom:0}.create-store-modal-container .brand-overlay .login-button{width:100%;height:45px;background-color:var(--color-surface-active);color:var(--color-text-primary);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:not-allowed;margin-top:20px}.create-store-modal-container .brand-overlay .login-button:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverse);cursor:pointer}.create-store-modal-container .brand-overlay .login-button:not(:disabled):hover{background-color:var(--color-primary-hover);color:var(--color-text-inverse)}.create-store-modal-container .brand-overlay .login-button:disabled:hover{background-color:var(--color-surface-active);color:var(--color-text-primary);cursor:not-allowed}.create-store-modal-container .close-button:hover{background-color:var(--color-surface-active);color:var(--color-text-primary)}.create-store-modal-container .brand-overlay .error-message{color:var(--color-danger);font-size:14px;margin-bottom:16px;padding:8px 12px;background-color:var(--color-danger-bg);border-radius:6px;text-align:center}.create-store-modal-container .auth-form,.create-store-modal-container .input-group{width:100%!important}.create-store-modal-container .brand-overlay input,.create-store-modal-container .auth-box.brand-overlay input{width:100%!important;padding:16px 20px;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:16px;font-family:var(--font-geist);transition:all .2s;height:56px}.create-store-modal-container .brand-overlay input:focus,.create-store-modal-container .auth-box.brand-overlay input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.125)}.create-store-modal-container .brand-overlay .close-button{position:absolute;top:16px;right:16px;background:var(--color-surface-hover);border:none;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;cursor:pointer;z-index:10;width:36px;height:36px}.create-store-modal-container .brand-overlay .close-button:hover{background-color:var(--color-surface-active);color:var(--color-text-primary)}.code-snippet-container{background-color:transparent;border:2px solid rgba(85,85,85,.5);border-radius:8px;padding:15px;margin:20px 0;position:relative;cursor:pointer;overflow-x:auto}.code-snippet-container pre{margin:0;white-space:pre;overflow-x:auto}.code-snippet-container code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em;line-height:1.6;color:#f39c12;display:block}.copy-status-toast{position:absolute;top:10px;right:10px;background-color:#4caf50;color:#fff;padding:6px 12px;border-radius:4px;font-size:.85em;opacity:0;animation:fadeInOut 2s ease-in-out;z-index:10}.code-snippet-container:hover .copy-button-overlay{opacity:1}.copy-button-overlay{position:absolute;top:10px;right:10px;background-color:#0d6efd;color:#fff;border:none;border-radius:4px;padding:8px 14px;font-size:.9em;cursor:pointer;opacity:0;transition:opacity .2s ease-in-out;z-index:10}.copy-button-overlay:hover{background-color:#0b5ed7}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.settings-panel-item{background:var(--color-surface);border-radius:8px;padding:24px;margin-bottom:24px}.panel-title{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--color-text-primary)}.panel-description{color:var(--color-text-secondary);margin-bottom:32px;line-height:1.5}.store-selector-section{margin-bottom:2rem;padding:1.5rem;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:8px}.store-selector-section h3{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.store-selector-section .section-description{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1rem}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text-primary);transition:all .2s ease}.dropdown-trigger:hover:not(.disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}.dropdown-trigger.disabled{opacity:.5;cursor:not-allowed}.dropdown-trigger.open{border-color:var(--color-primary)}.dropdown-arrow{font-size:.75rem;transition:transform .2s ease}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface-active);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 12px #0000004d;max-height:300px;overflow-y:auto;z-index:100}.dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--color-border)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--color-surface-hover)}.dropdown-item.selected{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.option-label{display:block;font-weight:500}.option-sublabel{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.developer-section{margin-bottom:24px}.section-header h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.create-key-button{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.create-key-button:hover{background:var(--color-primary-hover)}.create-key-button:disabled{background:var(--color-surface-active);cursor:not-allowed}.loading-state,.empty-state{text-align:center;padding:40px;color:var(--color-text-secondary)}.api-keys-table table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:6px;overflow:hidden}.api-keys-table th,.api-keys-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.api-keys-table th{background:var(--color-surface-hover);font-weight:600;color:var(--color-text-primary)}.api-keys-table td{color:var(--color-text-secondary)}.key-preview{background:var(--color-surface-active);padding:4px 8px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:12px;color:var(--color-info)}.revoke-button{background:var(--color-danger);color:var(--color-text-inverse);border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px}.revoke-button:hover{background:var(--color-danger-hover)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-background-rgb),.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--color-surface);border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3{color:var(--color-text-primary);margin-bottom:16px;font-size:18px}.form-group label{display:block;margin-bottom:4px;color:var(--color-text-primary);font-weight:500}.form-group input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface-hover);color:var(--color-text-primary);font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary)}.modal-content .custom-dropdown{margin-top:4px}.modal-content .dropdown-trigger{background:var(--color-surface-hover);border-color:var(--color-border)}.modal-content .dropdown-trigger:hover:not(.disabled){background:var(--color-surface-active);border-color:var(--color-border-hover)}.modal-content .dropdown-menu{background:var(--color-surface-active)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button{background:var(--color-surface-active);color:var(--color-text-primary);border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.cancel-button:hover{background:var(--color-border-hover)}.generate-button{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.generate-button:hover{background:var(--color-primary-hover)}.generate-button:disabled{background:var(--color-surface-active);cursor:not-allowed}.api-key-modal{max-width:600px}.warning-banner{background:var(--color-warning-bg);color:var(--color-warning);padding:12px;border-radius:6px;margin-bottom:24px;border-left:4px solid var(--color-warning)}.key-display{margin-bottom:24px}.key-display label{display:block;margin-bottom:8px;color:var(--color-text-primary);font-weight:600}.key-container{display:flex;gap:8px;align-items:center}.generated-key{flex:1;background:var(--color-surface-hover);border:1px solid var(--color-border);padding:12px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:12px;color:var(--color-info);word-break:break-all}.copy-button{background:var(--color-success);color:var(--color-text-inverse);border:none;padding:12px 16px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.copy-button:hover{background:var(--color-success-hover)}.key-info{background:var(--color-surface-active);padding:16px;border-radius:6px;margin-bottom:24px}.key-info p{margin:4px 0;color:var(--color-text-secondary)}.key-info code{background:var(--color-surface);padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,monospace;color:var(--color-info)}.done-button{background:var(--color-success);color:var(--color-text-inverse);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.done-button:hover{background:var(--color-success-hover)}.brand-integrations-container{padding:0 20px 20px;max-width:100%;margin:0 auto;background-color:#0a0a0b}.brand-integrations-tabs{display:flex;border-bottom:1px solid #27272a;margin-bottom:16px;gap:0;position:relative}.brand-integrations-tab{background:none;border:none;color:var(--color-text-muted);font-size:.875rem;font-weight:500;padding:12px 16px;cursor:pointer;position:relative;transition:color .2s ease}.brand-integrations-tab:hover,.brand-integrations-tab.active{color:#fafafa}.brand-integrations-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#3b82f6,#4f46e5)}.brand-integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-bottom:0}.brand-integrations-card{display:flex;flex-direction:column;background-color:transparent;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;padding:16px;position:relative}.brand-integrations-external-link-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--color-text-muted);padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease}.brand-integrations-external-link-btn:hover{color:#fafafa;background-color:#27272a}.brand-integrations-info{display:flex;align-items:center;margin-bottom:16px}.brand-integrations-icon{flex-shrink:0;width:36px;height:36px;margin-right:14px}.brand-integrations-icon img{width:100%;height:100%;object-fit:contain;border-radius:6px}.brand-integrations-icon-fallback{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.brand-integrations-icon-fallback.meta{background:linear-gradient(135deg,#1877f2,#0c5dd6)}.brand-integrations-icon-fallback.google{background:linear-gradient(135deg,#4285f4,#357ae8)}.brand-integrations-icon-fallback.tiktok{background:linear-gradient(135deg,#000,#ff0050)}.brand-integrations-details{flex-grow:1;padding-right:24px}.brand-integrations-details h3{margin:0 0 4px;font-size:.95rem;font-weight:600;color:#fafafa}.brand-integrations-details p{margin:0 0 8px;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.brand-integrations-status{display:flex;align-items:center}.brand-integrations-status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500}.brand-integrations-status-active{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.brand-integrations-status-configured{background-color:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.brand-integrations-status-not-configured{background-color:#71717a1a;color:var(--color-text-muted);border:1px solid rgba(113,113,122,.2)}.brand-integrations-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.brand-integrations-settings-btn{background:none;border:none;color:var(--color-text-muted);padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.brand-integrations-settings-btn:hover{color:#fafafa;background-color:#27272a}.brand-integrations-toggle{position:relative;display:inline-block;width:42px;height:24px}.brand-integrations-toggle input{opacity:0;width:0;height:0}.brand-integrations-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#27272a;transition:.4s;border-radius:24px}.brand-integrations-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fafafa;transition:.4s;border-radius:50%}.brand-integrations-toggle input:checked+.brand-integrations-toggle-slider{background-color:#3b82f6}.brand-integrations-toggle input:checked+.brand-integrations-toggle-slider:before{transform:translate(18px);background-color:#fff}.brand-integrations-connect-btn{background:linear-gradient(90deg,#3b82f6,#4f46e5);border:none;color:#fff;padding:8px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto}.brand-integrations-connect-btn:hover{background:linear-gradient(90deg,#2563eb,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.brand-integrations-card.skeleton{animation:pulse 1.5s ease-in-out infinite}.skeleton-btn,.skeleton-icon,.skeleton-title,.skeleton-description,.skeleton-badge,.skeleton-settings-btn,.skeleton-toggle{background:linear-gradient(90deg,#27272a 25%,#3f3f46,#27272a 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px}.skeleton-btn{width:28px;height:28px;position:absolute;top:12px;right:12px}.skeleton-icon{width:36px;height:36px;border-radius:6px}.skeleton-title{height:18px;width:120px;margin-bottom:8px}.skeleton-description{height:14px;width:200px;margin-bottom:8px}.skeleton-badge{height:20px;width:80px}.skeleton-settings-btn{width:32px;height:32px;border-radius:6px}.skeleton-toggle{width:42px;height:24px;border-radius:24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.xecom-settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;justify-content:flex-end;transition:all .35s ease;visibility:hidden;pointer-events:none}.xecom-settings-modal-overlay.visible{visibility:visible;pointer-events:auto;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.xecom-settings-modal-container{position:fixed;top:0;right:0;bottom:0;width:400px;background:#0f1117fa;box-shadow:-5px 0 25px #00000080;color:#e4e6eb;overflow-y:auto;border-left:1px solid rgba(255,255,255,.08);transform:translate(400px);transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform;z-index:10000}.xecom-settings-modal-container.xecom-settings-modal-open{transform:translate(0)}.xecom-settings-modal-content{height:100%;padding:36px;display:flex;flex-direction:column}.xecom-settings-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.xecom-settings-modal-info{display:flex;align-items:center;gap:18px}.xecom-settings-modal-info img{width:44px;height:44px;border-radius:10px;padding:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 8px #0003}.xecom-settings-modal-info h2{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:-.5px}.xecom-settings-modal-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#8a8d98;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;width:30px;height:30px}.xecom-settings-modal-close-btn:hover{background:#ffffff26;color:#fff}.xecom-settings-modal-section-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--color-text-primary);display:flex;align-items:center;gap:10px}.xecom-settings-modal-section-description{font-size:14px;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.6}.xecom-settings-modal-form-group{margin-bottom:24px;padding-left:0;padding-right:0}.xecom-settings-modal-form-group label{display:block;margin-bottom:10px;color:var(--color-text-primary);font-size:14px;font-weight:500;display:flex;justify-content:space-between}.xecom-settings-modal-form-group input{width:100%;padding:14px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-hover);color:var(--color-text-primary);font-size:14px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a inset}.xecom-settings-modal-form-group input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-active);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.15)}.xecom-settings-modal-form-group input::placeholder{color:var(--color-text-tertiary)}.xecom-settings-modal-form-group select{width:100%;padding:14px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-hover);color:var(--color-text-primary);font-size:14px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a inset;cursor:pointer}.xecom-settings-modal-form-group select:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-active);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.15)}.xecom-settings-modal-form-group select option{background:var(--color-surface);color:var(--color-text-primary);padding:8px}.xecom-settings-modal-form-hint{margin-top:8px;font-size:12px;color:var(--color-text-tertiary);line-height:1.4}.xecom-settings-modal-label-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.xecom-settings-modal-label-with-action label{margin-bottom:0}.xecom-settings-modal-add-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-primary);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.xecom-settings-modal-add-btn:hover{background:rgba(var(--color-primary-rgb),.2);border-color:rgba(var(--color-primary-rgb),.5)}.xecom-settings-modal-accounts-list{display:flex;flex-direction:column;gap:8px}.xecom-settings-modal-account-field{display:flex;gap:8px;align-items:center}.xecom-settings-modal-account-field input{flex:1;padding:14px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-hover);color:var(--color-text-primary);font-size:14px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a inset}.xecom-settings-modal-account-field input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-active);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.15)}.xecom-settings-modal-account-field input::placeholder{color:var(--color-text-tertiary)}.xecom-settings-modal-remove-btn{display:flex;align-items:center;justify-content:center;padding:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.xecom-settings-modal-remove-btn:hover{background:rgba(var(--color-danger-rgb),.1);border-color:rgba(var(--color-danger-rgb),.3);color:var(--color-danger)}.xecom-settings-modal-input-with-icon{position:relative;display:flex;align-items:center}.xecom-settings-modal-input-with-icon input{width:100%;padding-right:40px}.xecom-settings-modal-visibility-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.xecom-settings-modal-visibility-toggle:hover{color:var(--color-text-primary)}.xecom-settings-modal-visibility-toggle:focus{outline:none}.xecom-settings-modal-actions{display:flex;gap:15px;padding:0;margin-top:32px;margin-bottom:20px;width:100%}.xecom-settings-modal-save-btn{flex-grow:1;padding:16px;background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d;letter-spacing:.3px}.xecom-settings-modal-save-btn:hover{background:linear-gradient(to right,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.xecom-settings-modal-save-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #3b82f64d}.xecom-settings-modal-delete-btn{flex-grow:1;padding:14px;background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.xecom-settings-modal-delete-btn:hover:not(:disabled){background-color:var(--color-danger);color:var(--color-text-inverse)}.xecom-settings-modal-delete-btn:disabled{opacity:.6;cursor:not-allowed}.xecom-settings-modal-test-result{padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px}.xecom-settings-modal-test-result-error{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.2)}.field-info-settings{position:relative;display:inline-block;margin-left:6px;color:var(--color-text-tertiary)}.field-info-settings:hover .tooltip-settings{visibility:visible;opacity:1}.tooltip-settings{visibility:hidden;position:absolute;width:250px;background:var(--color-surface-active);color:var(--color-text-primary);text-align:left;border-radius:6px;padding:10px 12px;z-index:1;bottom:125%;left:50%;margin-left:-125px;opacity:0;transition:opacity .3s;font-weight:400;font-size:12px;line-height:1.5;box-shadow:0 10px 25px #0000004d;border:1px solid var(--color-border)}.tooltip-settings:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-surface-active) transparent transparent transparent}.transparent-on-integrations-settings{background:#0000001a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.xecom-integrations-container{padding:0 20px 20px;max-width:100%;margin:0 auto;background-color:var(--color-background)}.xecom-integrations-header h1{margin:0;font-size:1.8rem;font-weight:600;color:var(--color-text-primary)}.xecom-integrations-tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:16px;gap:0;position:relative}.xecom-integrations-tab{background:none;border:none;color:var(--color-text-tertiary);font-size:.875rem;font-weight:500;padding:12px 16px;cursor:pointer;position:relative;transition:color .2s ease}.xecom-integrations-tab:hover,.xecom-integrations-tab.active{color:var(--color-text-primary)}.xecom-integrations-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.xecom-integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-bottom:0}.xecom-integrations-card{display:flex;flex-direction:column;background-color:transparent;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;padding:16px;position:relative}.xecom-integrations-external-link-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--color-text-tertiary);padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease}.xecom-integrations-external-link-btn:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.xecom-integrations-info{display:flex;align-items:center;margin-bottom:16px}.xecom-integrations-icon{flex-shrink:0;width:36px;height:36px;margin-right:14px}.xecom-integrations-icon img{width:100%;height:100%;object-fit:contain;border-radius:6px}.xecom-integrations-details{flex-grow:1;padding-right:24px}.xecom-integrations-details h3{margin:0 0 4px;font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.xecom-integrations-details p{margin:0 0 8px;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.xecom-integrations-status{display:flex;align-items:center}.xecom-integrations-status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500}.xecom-integrations-status-active{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.xecom-integrations-status-inactive{background-color:#f472b61a;color:#f472b6;border:1px solid rgba(244,114,182,.2)}.xecom-integrations-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid var(--color-border)}.xecom-integrations-settings-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:0;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.xecom-integrations-settings-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.xecom-integrations-settings-btn span{display:none}.xecom-integrations-toggle{position:relative;display:inline-block;width:44px;height:22px}.xecom-integrations-toggle input{opacity:0;width:0;height:0}.xecom-integrations-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-surface-active);border-radius:22px;transition:.3s}.xecom-integrations-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--color-text-inverse);border-radius:50%;transition:.3s}.xecom-integrations-toggle input:checked+.xecom-integrations-toggle-slider{background-color:var(--color-primary)}.xecom-integrations-toggle input:checked+.xecom-integrations-toggle-slider:before{transform:translate(22px)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 25%,var(--color-surface-active) 37%,transparent 63%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-icon{width:36px;height:36px;background-color:var(--color-surface-hover);border-radius:6px}.skeleton-title{height:20px;width:70%;background-color:var(--color-surface-hover);border-radius:4px;margin-bottom:10px}.skeleton-description{height:14px;width:90%;background-color:var(--color-surface-hover);border-radius:4px;margin-bottom:12px}.skeleton-badge{height:22px;width:40%;background-color:var(--color-surface-hover);border-radius:4px}.skeleton-settings-btn{width:32px;height:32px;background-color:var(--color-surface-hover);border-radius:6px}.skeleton-btn{width:30px;height:30px;background-color:var(--color-surface-hover);border-radius:6px}.skeleton-toggle{width:44px;height:22px;background-color:var(--color-surface-hover);border-radius:22px}@media (max-width: 768px){.xecom-integrations-grid{grid-template-columns:1fr}.xecom-integrations-info{flex-direction:row}.xecom-integrations-icon{margin-right:12px;margin-bottom:0}}.xecom-integrations-container .settings-tabs{font-size:.9rem}.xecom-integrations-container .settings-tab{padding:.5rem 1rem}.timezone-settings{padding:20px;max-width:1200px}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.section-header h3{margin:0;font-size:1.75rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:12px}.section-header h3:before{content:"🌍";font-size:1.5rem}.success-message{color:var(--color-success);font-size:14px;padding:10px 16px;background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:8px;font-weight:500;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.timezone-info{display:flex;flex-direction:column;gap:20px}.info-box{padding:18px 20px;border-radius:10px;display:flex;align-items:flex-start;gap:14px;background:var(--color-warning-bg);border:1px solid var(--color-warning);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-box.warning{background:var(--color-warning-bg);border:1px solid var(--color-warning)}.info-box .icon{font-size:24px;flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.info-box .info-text{margin:0;color:var(--color-warning);line-height:1.6;font-size:14px;font-weight:400}.timezone-display-row{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.current-timezone,.local-timezone{display:flex;align-items:center;gap:12px;flex:1}.current-timezone.clickable{cursor:pointer;transition:all .2s ease}.current-timezone.clickable:hover{background:#ffffff08;padding:8px 12px;margin:-8px -12px;border-radius:8px}.current-timezone.clickable:hover .value{border-color:#3b82f6;background:#3b82f61a}.current-timezone .label,.local-timezone .label{font-weight:500;color:#8a8d98;font-size:14px;min-width:110px}.current-timezone .value,.local-timezone .value{color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:15px;font-weight:500;background:#ffffff0d;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:center;gap:8px}.edit-icon{font-size:12px;opacity:.5;transition:opacity .2s ease}.current-timezone.clickable:hover .edit-icon{opacity:1}.override-badge{background:#fbbf241a;color:#fbbf24;padding:6px 14px;border-radius:20px;border:1px solid rgba(251,191,36,.2);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.reset-button{background:#3b82f6;border:none;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px;border-radius:8px;font-weight:500;transition:all .2s ease;white-space:nowrap}.reset-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.reset-button:active{transform:translateY(0)}.info-text.note{font-size:13px;color:#8a8d98;font-style:italic;margin:0;padding:14px 18px;background:#ffffff05;border-radius:8px;border-left:3px solid rgba(255,255,255,.1)}.loading-message{text-align:center;color:#8a8d98;padding:40px;font-style:italic;font-size:15px}.timezone-selector{margin-top:20px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;animation:slideDown .3s ease-out}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.selector-header h4{margin:0;color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.close-button{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.close-button:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.quick-select{margin-top:20px;margin-bottom:24px}.quick-select h5{margin:0 0 12px;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.quick-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.quick-button{padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:13px;cursor:pointer;transition:all .2s ease;text-align:center}.quick-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.quick-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);font-weight:500}.timezone-list{margin-top:24px}.timezone-list h5{margin:0 0 12px;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.timezone-options{max-height:300px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:8px}.timezone-option{padding:10px 12px;color:var(--color-text-primary);font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:13px;cursor:pointer;border-radius:6px;transition:all .2s ease}.timezone-option:hover{background:var(--color-surface-hover)}.timezone-option.selected{background:rgba(var(--color-primary-rgb),.2);border-left:3px solid var(--color-primary);padding-left:9px;font-weight:500}.no-results{padding:20px;text-align:center;color:var(--color-text-secondary);font-style:italic}.timezone-search{width:100%;padding:12px 16px;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:10px;font-size:14px;color:var(--color-text-primary);transition:all .2s ease}.timezone-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2);background:var(--color-surface-active)}.timezone-search::placeholder{color:var(--color-text-secondary)}.timezone-select{width:100%;padding:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;font-size:14px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;max-height:320px;overflow-y:auto}.timezone-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.timezone-select option{padding:10px 12px;background:var(--color-surface);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.timezone-select option:hover{background:rgba(var(--color-primary-rgb),.1)}.timezone-select option:checked{background:var(--color-primary);color:var(--color-text-inverse);font-weight:600}.timezone-select::-webkit-scrollbar{width:8px}.timezone-select::-webkit-scrollbar-track{background:var(--color-surface-hover);border-radius:4px}.timezone-select::-webkit-scrollbar-thumb{background:var(--color-surface-active);border-radius:4px}.timezone-select::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}@media (max-width: 768px){.timezone-settings{padding:12px}.settings-section{padding:20px}.timezone-display-row{flex-direction:column;align-items:stretch;gap:12px}.current-timezone,.local-timezone{justify-content:space-between;padding:12px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.current-timezone .label,.local-timezone .label{min-width:auto}.reset-button{width:100%;margin-top:8px}}h2{margin-bottom:10px}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#050505;background-image:linear-gradient(145deg,#050505,#111);padding:24px}.auth-box{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}.auth-icon{margin-bottom:24px}.auth-icon img{width:150px;height:50px;border-radius:4px;object-fit:contain}.auth-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 12px;font-family:var(--font-geist)}.auth-text{color:var(--color-text-secondary);font-size:14px;margin:0 0 32px}.auth-text a{color:#fff;text-decoration:underline}.auth-text-button{color:#fff;text-decoration:underline;background:none;border:none;padding:0;font:inherit;cursor:pointer}.auth-form{width:100%!important;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.input-group{width:100%!important;text-align:left;margin-bottom:0}.input-group label{display:block;color:#fff;font-size:14px;margin-bottom:8px}.input-group input{width:100%!important;min-width:100%!important;height:45px!important;padding:12px 16px!important;border-radius:6px!important;border:1px solid #27272a!important;background-color:#18181b!important;color:#fff!important;font-size:16px!important;box-sizing:border-box!important}.input-group input:focus{outline:none;border-color:#3b82f6}.login-button{width:100%;height:45px!important;background-color:#fff;color:#000;border:none;border-radius:6px;font-size:16px!important;font-weight:500;cursor:pointer;margin-bottom:24px;box-sizing:border-box!important}.login-button:hover{background-color:#f4f4f5}.auth-divider{width:100%;text-align:center;position:relative;margin:0 0 24px}.auth-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#27272a}.auth-divider span{position:relative;background-color:#000;padding:0 12px;color:var(--color-text-secondary);font-size:14px}.oauth-buttons{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.oauth-button{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:transparent;border:1px solid var(--color-border);border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:background-color .2s}.oauth-button:hover{background-color:#ffffff0f}.terms-text{color:var(--color-text-secondary);font-size:13px;line-height:1.5;max-width:300px}.terms-text a{color:#fff;text-decoration:underline}.login-input{width:100%!important;min-width:100%!important;height:45px!important;padding:12px 16px!important;border-radius:6px!important;border:1px solid #27272a!important;background-color:#18181b!important;color:#fff!important;font-size:16px!important;box-sizing:border-box!important}.auth-error{width:100%;padding:12px 16px;margin-bottom:16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:14px;text-align:left;box-sizing:border-box}.auth-message{width:100%;padding:12px 16px;margin-bottom:16px;background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#86efac;font-size:14px;text-align:left;box-sizing:border-box}.auth-loading{color:var(--color-text-secondary);font-size:14px;text-align:center;margin-bottom:24px}:root{--font-geist: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root,:root[data-theme=light]{--color-background: #f8f9fa;--color-background-secondary: #f1f3f5;--color-background-tertiary: #e9ecef;--color-surface: #ffffff;--color-surface-hover: #f8f9fa;--color-surface-active: #f1f3f5;--color-text-primary: #212529;--color-text-secondary: #495057;--color-text-tertiary: #868e96;--color-text-disabled: #ced4da;--color-border: #e9ecef;--color-border-hover: #dee2e6;--color-border-active: #ced4da;--color-primary: #1864ab;--color-primary-hover: #1c7ed6;--color-primary-active: #1971c2;--color-primary-bg: rgba(24, 100, 171, .1);--color-secondary: #7048e8;--color-secondary-hover: #6741d9;--color-secondary-active: #5f3dc4;--color-secondary-bg: rgba(112, 72, 232, .1);--color-success: #2f9e44;--color-success-hover: #2b8a3e;--color-success-bg: rgba(47, 158, 68, .1);--color-warning: #f08c00;--color-warning-hover: #e67700;--color-warning-bg: rgba(240, 140, 0, .1);--color-error: #e03131;--color-error-hover: #c92a2a;--color-error-bg: rgba(224, 49, 49, .1);--color-info: #1864ab;--color-info-hover: #1c7ed6;--color-info-bg: rgba(24, 100, 171, .1);--color-input-bg: #ffffff;--color-input-border: #d1d5db;--color-input-focus: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--color-primary-rgb: 24, 100, 171;--color-secondary-rgb: 112, 72, 232;--color-success-rgb: 47, 158, 68;--color-warning-rgb: 240, 140, 0;--color-error-rgb: 224, 49, 49;--color-info-rgb: 24, 100, 171;--color-danger-rgb: 224, 49, 49;--color-purple-rgb: 124, 58, 232;--color-gray-rgb: 134, 142, 150;--color-text-primary-rgb: 33, 37, 41;--color-background-rgb: 255, 255, 255;--color-primary-dark: #1458a1;--color-success-light: #51cf66;--color-danger: #e03131;--color-purple: #7c3aed;--color-gray: #868e96;--color-background-dark: #e9ecef}:root[data-theme=dark]{--color-background: #0a0a0b;--color-background-secondary: #18181a;--color-background-tertiary: #27272a;--color-surface: #18181a;--color-surface-hover: #212123;--color-surface-active: #27272a;--color-text-primary: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-text-disabled: #3f3f46;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-border-active: rgba(255, 255, 255, .3);--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-primary-bg: rgba(59, 130, 246, .1);--color-secondary: #8b5cf6;--color-secondary-hover: #7c3aed;--color-secondary-active: #6d28d9;--color-secondary-bg: rgba(139, 92, 246, .1);--color-success: #22c55e;--color-success-hover: #16a34a;--color-success-bg: rgba(34, 197, 94, .1);--color-warning: #eab308;--color-warning-hover: #ca8a04;--color-warning-bg: rgba(234, 179, 8, .1);--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-bg: rgba(239, 68, 68, .1);--color-info: #3b82f6;--color-info-hover: #2563eb;--color-info-bg: rgba(59, 130, 246, .1);--color-input-bg: #27272a;--color-input-border: rgba(255, 255, 255, .1);--color-input-focus: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--color-primary-rgb: 59, 130, 246;--color-secondary-rgb: 139, 92, 246;--color-success-rgb: 34, 197, 94;--color-warning-rgb: 234, 179, 8;--color-error-rgb: 239, 68, 68;--color-info-rgb: 59, 130, 246;--color-danger-rgb: 239, 68, 68;--color-purple-rgb: 156, 39, 176;--color-gray-rgb: 158, 158, 158;--color-text-primary-rgb: 250, 250, 250;--color-background-rgb: 10, 10, 11;--color-primary-dark: #1d4ed8;--color-success-light: #4ade80;--color-danger: #ef4444;--color-purple: #9c27b0;--color-gray: #9e9e9e;--color-background-dark: #0f0f10}:root[data-theme=light]{--color-text-primary: #0a0a0a;--color-text-secondary: #525252;--color-text-tertiary: #737373;--color-text-inverse: #ffffff;--color-background: #ffffff;--color-surface: #fafafa;--color-surface-hover: #f5f5f5;--color-surface-active: #e5e5e5;--color-border: #e5e5e5;--color-border-hover: #d4d4d4;--color-border-active: #a3a3a3;--chart-text: #525252;--chart-grid: #e5e5e5;--chart-legend: #525252;color:var(--color-text-primary)}:root[data-theme=light] *{color:inherit}:root[data-theme=light] table th,:root[data-theme=light] table td{color:var(--color-text-primary)!important}:root[data-theme=light] .metrics-table th,:root[data-theme=light] .metrics-table td,:root[data-theme=light] .cohort-table th,:root[data-theme=light] .cohort-table td{color:var(--color-text-primary)!important}:root[data-theme=light] h1,:root[data-theme=light] h2,:root[data-theme=light] h3,:root[data-theme=light] h4,:root[data-theme=light] h5,:root[data-theme=light] h6,:root[data-theme=light] p,:root[data-theme=light] span,:root[data-theme=light] div{color:inherit}:root[data-theme=light] .time-control-btn.active{background-color:var(--color-surface-active);color:var(--color-text-primary);border:1px solid var(--color-border)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-geist)}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-geist);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}button{margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none}button.with-margin{margin-top:10px}input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:6px;color:var(--color-text-primary);padding:8px 12px;font-size:14px;font-family:var(--font-geist);cursor:pointer;width:100%;transition:all .2s ease}input[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}:root[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}:root[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:none}input[type=date]:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 1px var(--color-input-focus)}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{position:relative;overflow:hidden;background:var(--color-surface-hover)!important}.skeleton:after,.skeleton:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--color-surface-active) 50%,transparent 100%);animation:skeleton-shimmer 1.5s infinite;transform:translate(-100%)}.skeleton-text,.skeleton-title,.skeleton-subtitle,.skeleton-value,.skeleton-badge,.skeleton-button{background:var(--color-surface-hover)!important;color:transparent!important;-webkit-user-select:none;user-select:none;cursor:default}.skeleton-block,.skeleton-card,.skeleton-row,.skeleton-cell{background:var(--color-surface-hover)!important;border-color:var(--color-border)!important}.chart-loading,.loading-overlay{background:var(--color-background)!important;opacity:.9}:root[data-theme=light]{--override-white-text: var(--color-text-primary)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] p,[data-theme=light] span:not(.icon):not([class*=badge]):not([class*=tag]),[data-theme=light] div:not([class*=chart]):not([class*=graph]),[data-theme=light] td,[data-theme=light] th{color:var(--color-text-primary)}[data-theme=light] [style*="color: rgba(255, 255, 255"],[data-theme=light] [style*="color: rgb(255, 255, 255"],[data-theme=light] [style*="color: white"],[data-theme=light] [style*="color:#fff"],[data-theme=light] [style*="color: #ffffff"],[data-theme=light] table *,[data-theme=light] [class*=metric],[data-theme=light] [class*=value],[data-theme=light] [class*=label],[data-theme=light] [class*=text]{color:var(--color-text-primary)!important}[data-theme=light] .chartjs-render-monitor,[data-theme=light] canvas{--chart-text-color: var(--color-text-primary) !important}html,body,#root,.layout-container,.main-content,.content-area{max-width:100%;overflow-x:hidden}.table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;background-color:transparent;margin-top:24px}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--color-surface-hover);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-surface-active);border-radius:4px}.table-wrapper table{width:100%;min-width:800px;border-collapse:collapse;margin:0;border:none}.table-wrapper table thead tr{background-color:var(--color-surface)}.table-wrapper table th{padding:12px 16px;text-align:left;font-weight:500;color:var(--color-text-secondary);font-size:.875rem;border-bottom:1px solid var(--color-border)}.table-wrapper table td{padding:12px 16px;text-align:left;color:var(--color-text-primary);background-color:transparent;border-bottom:1px solid var(--color-border)}.table-wrapper table tbody tr:hover{background-color:var(--color-surface-hover)}.cancel-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cancel-modal-container{background-color:var(--color-surface);border-radius:8px;width:100%;max-width:450px;box-shadow:0 4px 20px #0000004d;overflow:hidden;color:var(--color-text-primary)}.cancel-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.cancel-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.cancel-modal-close-button{background:transparent;border:none;cursor:pointer;padding:4px;color:var(--color-text-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center}.cancel-modal-close-button:hover{background-color:#ffffff1a;color:var(--color-text-primary)}.cancel-modal-close-button:disabled{opacity:.5;cursor:not-allowed}.cancel-modal-body{padding:20px}.cancel-modal-error-message{margin-bottom:16px;padding:12px;background-color:#dc354533;border-radius:4px;display:flex;align-items:center;color:#ff6b6b;font-size:14px}.cancel-modal-error-message svg{margin-right:8px;flex-shrink:0}.cancel-modal-content{margin-bottom:24px}.cancel-modal-confirmation-text{font-size:15px;line-height:1.5;margin-bottom:12px;color:var(--color-text-primary)}.cancel-modal-id-text{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}.cancel-modal-warning-text{padding:12px;background-color:#ffc1071a;border-radius:4px;display:flex;align-items:flex-start;color:#ffcc80;font-size:14px;line-height:1.5;margin-top:16px}.cancel-modal-warning-text svg{margin-right:8px;margin-top:2px;flex-shrink:0;color:#ffc107}.cancel-modal-footer{display:flex;justify-content:flex-end;gap:12px}.cancel-modal-secondary-button{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-modal-secondary-button:hover{background-color:#ffffff1a}.cancel-modal-secondary-button:disabled{opacity:.5;cursor:not-allowed}.cancel-modal-danger-button{background-color:var(--color-error);color:#fff;border:none;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.cancel-modal-danger-button:hover{background-color:var(--color-error-hover)}.cancel-modal-danger-button:disabled{opacity:.7;cursor:not-allowed}.cancel-modal-primary-button{background-color:var(--color-primary);color:#fff;border:none;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.cancel-modal-primary-button:hover{background-color:var(--color-primary-hover)}.cancel-modal-primary-button:disabled{opacity:.7;cursor:not-allowed}.cancel-modal-spinner{animation:spin 1.2s linear infinite;margin-right:8px}.refund-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.refund-modal-container{background-color:var(--color-surface);border-radius:8px;width:100%;max-width:450px;box-shadow:0 4px 20px #0000004d;overflow:hidden;color:var(--color-text-primary)}.refund-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.refund-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.refund-modal-close-button{background:transparent;border:none;cursor:pointer;padding:4px;color:var(--color-text-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center}.refund-modal-close-button:hover{background-color:#ffffff1a;color:var(--color-text-primary)}.refund-modal-close-button:disabled{opacity:.5;cursor:not-allowed}.refund-modal-body{padding:20px}.refund-modal-form-group{margin-bottom:20px}.refund-modal-form-group label{display:block;margin-bottom:8px;font-size:14px;color:#dcdcdc}.refund-modal-input-group{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:4px;overflow:hidden;background-color:var(--color-surface)}.refund-modal-input-prefix{padding:10px 12px;background-color:var(--color-surface-hover);color:var(--color-text-primary);font-weight:500;border-right:1px solid var(--color-border)}.refund-modal-input{flex:1;padding:10px 12px;border:none;background-color:var(--color-surface);color:var(--color-text-primary);font-size:15px;width:100%;outline:none}.refund-modal-input:focus{background-color:var(--color-surface-hover)}.refund-modal-input:disabled{opacity:.7;cursor:not-allowed}.refund-modal-textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-surface);color:var(--color-text-primary);font-size:14px;resize:vertical;min-height:60px;outline:none}.refund-modal-textarea:focus{background-color:var(--color-surface-hover);border-color:var(--color-border)}.refund-modal-textarea:disabled{opacity:.7;cursor:not-allowed}.refund-modal-help-text{margin-top:8px;font-size:12px;color:var(--color-text-secondary)}.refund-modal-checkbox-group{margin-top:16px}.refund-modal-checkbox-label{display:flex;align-items:flex-start;cursor:pointer}.refund-modal-checkbox{margin-right:10px;margin-top:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid var(--color-border);border-radius:3px;background-color:var(--color-surface);position:relative;cursor:pointer;outline:none}.refund-modal-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.refund-modal-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.refund-modal-checkbox:disabled{opacity:.5;cursor:not-allowed}.refund-modal-checkbox-label span{font-size:14px;line-height:1.4;color:#dcdcdc}.refund-modal-error-message{margin-bottom:16px;padding:12px;background-color:#dc354533;border-radius:4px;display:flex;align-items:center;color:#ff6b6b;font-size:14px}.refund-modal-error-message svg{margin-right:8px;flex-shrink:0}.refund-modal-validation-error{color:#ff6b6b;font-size:13px;margin-top:8px}.refund-modal-error-message .manual-refund-link{color:#90cdf4;text-decoration:underline;cursor:pointer;margin-left:4px;font-weight:500}.refund-modal-error-message .manual-refund-link:hover{color:#63b3ed}.refund-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.refund-modal-secondary-button{background-color:transparent;color:var(--color-text-primary);border:1px solid #4a4a4a;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.refund-modal-secondary-button:hover{background-color:#ffffff1a}.refund-modal-secondary-button:disabled{opacity:.5;cursor:not-allowed}.refund-modal-primary-button{background-color:var(--color-primary);color:#fff;border:none;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.refund-modal-primary-button:hover{background-color:var(--color-primary-hover)}.refund-modal-primary-button:disabled{opacity:.7;cursor:not-allowed}.refund-modal-spinner{animation:spin 1.2s linear infinite;margin-right:8px}.refund-modal-percentage-input-group{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:4px;overflow:hidden;background-color:var(--color-surface)}.refund-modal-percentage-suffix{padding:10px 12px;background-color:var(--color-surface-hover);color:var(--color-text-primary);font-weight:500;border-left:1px solid #3a3a3a}.refund-modal-note{margin-bottom:16px;padding:12px;background-color:#3b82f633;border-radius:4px;color:#90cdf4;font-size:14px;line-height:1.5}.refund-modal-help-text{font-size:.75rem;color:var(--color-text-secondary);margin-top:4px}.subscription-detail-container{padding:24px;background-color:var(--color-background);color:var(--color-text-primary);min-height:calc(100vh - 65px);width:100%;max-width:100%}.subscription-detail-container.loading,.subscription-detail-container.error,.subscription-detail-container.not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.1rem;color:var(--color-text-secondary);text-align:center;gap:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;gap:16px}.detail-header{margin-bottom:32px;display:flex;flex-direction:column;gap:24px}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-content h1{margin:0;font-size:1.8rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em;display:flex;align-items:center;gap:12px}.detail-section{margin-bottom:32px;width:100%;max-width:100%}.detail-section h2{margin-top:0;margin-bottom:20px;color:var(--color-text-primary);font-size:1.25rem;font-weight:600;letter-spacing:.01em}.subscription-info-table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;margin-bottom:24px}.subscription-info-table tr:nth-child(odd){background-color:#ffffff05}.subscription-info-table tr:hover{background-color:#3b82f60d}.subscription-info-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.subscription-info-table tr:last-child td{border-bottom:none}.subscription-info-table td:first-child{border-right:1px solid var(--color-border);width:180px;white-space:nowrap;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}.subscription-info-table td:last-child{color:var(--color-text-primary);font-size:.95rem;word-break:break-word;padding-left:10px}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize}.status-badge-small{font-size:.75rem;padding:2px 8px}.status-active,.status-succeeded{background-color:#22c55e26;color:#4ade80}.status-paused,.status-pending{background-color:#eab30826;color:#facc15}.status-cancelled,.status-failed{background-color:#ef444426!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.2)!important}.status-past-due,.status-refunded{background-color:#f9731626;color:#fb923c}.status-authorized{background-color:#3b82f626;color:#60a5fa}.status-default{background-color:#a1a1aa26;color:var(--color-text-secondary)}.transactions-list{margin-top:16px}.no-transactions-message{margin-top:16px;padding:16px;background-color:var(--color-background-secondary);border-radius:8px;border:1px solid var(--color-border)}.no-transactions-message p{margin:0;color:var(--color-text-primary)}.no-transactions-context{margin-top:8px!important;font-size:.9rem;color:var(--color-text-secondary)!important;font-style:italic}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--color-border);border-radius:6px;margin-bottom:8px;background-color:#ffffff05;transition:background-color .2s ease}.transaction-item:hover{background-color:#3b82f60d}.transaction-item-left{display:flex;align-items:center;gap:12px}.transaction-amount{font-weight:500}.transaction-date{color:var(--color-text-secondary);font-size:.85rem}@media (max-width: 768px){.subscription-detail-container{padding:16px}.detail-header{margin-bottom:24px}.detail-header h1{font-size:1.5rem}.subscription-info-table td:first-child{width:120px;font-size:.75rem}.subscription-info-table td{padding:12px 10px}.subscription-info-table td:last-child{font-size:.9rem}}.shopify-order-actions{background-color:var(--color-surface);border-radius:8px;padding:15px;margin-top:20px;border:1px solid var(--color-border)}.shopify-order-actions h5{margin-bottom:15px;color:var(--color-text-secondary)}.shopify-order-actions .btn{min-width:180px}.shopify-actions-section{margin-top:32px}.shopify-action-buttons{display:flex;gap:12px}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-width:180px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.cancel-button{background-color:#ef44441a;border-color:#ef44444d;color:#f87171}.cancel-button:hover:not(.disabled){background-color:#ef444433}.refund-button{background-color:#eab3081a;border-color:#eab3084d;color:#facc15}.refund-button:hover:not(.disabled){background-color:#eab30833}.action-button.disabled{opacity:.5;cursor:not-allowed}.loading-spinner{display:flex;align-items:center;gap:8px}.spinner-icon{animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding-left:0}.modal-container{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px #0000004d;animation:modalFadeIn .2s ease-out;margin-left:auto;margin-right:auto;transform:translate(calc(var(--sidebar-width, 0px) / 2))}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border);background-color:#ffffff05}.modal-header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.close-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{color:var(--color-text-primary);background-color:#ffffff1a}.modal-body{padding:16px 24px;font-size:1rem;line-height:1.6;flex-grow:1;overflow-y:auto}.modal-body>*:first-child{margin-top:0!important}.modal-body p{margin-bottom:16px;color:var(--color-text-secondary)}.modal-body .warning-text{color:#f87171;font-weight:600;padding:12px;border-radius:6px;background-color:#ef44441a;border-left:3px solid #f87171;margin-top:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #27272a;background-color:#0003}.secondary-button,.danger-button,.primary-button{padding:10px 20px;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center}.secondary-button{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary)}.secondary-button:hover{background-color:#ffffff1a;color:var(--color-text-primary)}.danger-button{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.danger-button:hover{background-color:#ef444440;color:#fca5a5}.primary-button{background-color:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.primary-button:hover{background-color:#3b82f640;color:#93c5fd}.form-group label{display:block;margin-bottom:10px;color:#e4e4e7;font-size:.95rem;font-weight:500}.input-group{position:relative;margin-bottom:8px}.input-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-weight:500;z-index:2;background:none;border:none;padding:0}.form-group input[type=number]{width:100%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:12px 16px 12px 30px;color:var(--color-text-primary);font-size:1rem;box-shadow:0 2px 8px #0003}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-moz-appearance:textfield}.form-group textarea{width:100%;background-color:#ffffff08;border:1px solid var(--color-border);border-radius:6px;padding:12px 16px;color:var(--color-text-primary);resize:vertical;min-height:100px;font-size:1rem;box-shadow:0 2px 8px #0003;box-sizing:border-box}.input-help-text{margin-top:8px;font-size:.85rem;color:var(--color-text-secondary);padding-left:2px}.error-message{color:#f87171;font-size:.9rem;margin-top:8px;padding:8px 12px;background-color:#ef44441a;border-radius:4px}.checkbox-group{margin-top:20px;padding:16px;background-color:var(--color-surface);border-radius:6px;border:1px solid var(--color-border)}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer}.checkbox-label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-surface);display:inline-block;position:relative;margin-top:2px;cursor:pointer;flex-shrink:0;margin-right:12px}.checkbox-label span{color:#e4e4e7;font-size:.95rem;line-height:1.4}input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.back-button{background:#ffffff0d;border:1px solid var(--color-border);border-radius:6px;padding:8px 16px;display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;margin-bottom:24px;width:fit-content}.back-button:hover{border-color:#3b82f6;color:var(--color-text-primary)}.refill-controls{background:var(--color-surface);border-radius:8px;padding:20px;margin-top:15px}.refill-status{display:flex;align-items:center;gap:15px;margin-bottom:20px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#3b82f6}.status-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.status-btn:hover{background:#f1f5f9}.status-btn.paused{background:#fee2e2;border-color:#fecaca;color:#ef4444}.refill-settings{border-top:1px solid #e2e8f0;padding-top:20px;display:flex;flex-direction:column;gap:20px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group>label{font-weight:500;color:#64748b}.interval-inputs{display:flex;gap:10px;align-items:center}.interval-inputs input{width:80px;padding:8px;border:1px solid #e2e8f0;border-radius:4px}.interval-inputs select{padding:8px;border:1px solid #e2e8f0;border-radius:4px;background:#fff}.threshold-inputs{display:flex;gap:20px}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:.875rem;color:#64748b}.input-group input{padding:8px;border:1px solid #e2e8f0;border-radius:4px;width:100px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#f4f4f5;font-size:1.25rem;font-weight:600}.section-title .icon{color:#3b82f6}.header-actions,.button-group{display:flex;gap:12px;align-items:center}.action-buttons{display:flex;align-items:center;gap:12px}.pause-button,.save-button,.refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;border:none}.pause-button{background:var(--color-surface-hover);color:#e4e4e7}.pause-button:hover{background:var(--color-surface-active)}.refresh-button{background:var(--color-info);color:#fff}.refresh-button:hover{background:var(--color-info-hover)}.save-button{background:var(--color-primary-hover);color:#fff}.save-button:hover{background:var(--color-primary)}.status-change-source{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;margin-left:8px;background-color:#0003;border-radius:4px;font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.status-change-source.dispute{color:#f59e0b;font-weight:500}.alert-metadata{display:block;margin-top:4px;color:#78350f;font-weight:400}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--color-surface);border-radius:8px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.close-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:var(--color-text-primary)}.modal-body{padding:20px}.warning-text{display:flex;align-items:start;gap:8px;padding:12px;background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#f59e0b;margin-bottom:20px;font-size:.9rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text-primary)}.form-control{width:100%;padding:8px 12px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:.95rem}.form-control:focus{outline:none;border-color:var(--color-primary)}.form-text{display:block;margin-top:4px;font-size:.85rem;color:var(--color-text-secondary)}.info-box{display:flex;align-items:start;gap:8px;padding:12px;background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:var(--color-text-primary);font-size:.9rem}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--color-border)}.btn{padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-secondary{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.btn:hover:not(:disabled){opacity:.9}.alert-metadata small{font-size:12px;line-height:1.4}.source-icon{font-size:1.1em}.customer-detail-container{padding:24px;background-color:var(--color-background);color:var(--color-text-primary);min-height:calc(100vh - 65px)}.customer-detail-container.loading,.customer-detail-container.error,.customer-detail-container.not-found{display:flex;justify-content:center;align-items:center;font-size:1.1rem;color:var(--color-text-secondary)}.customer-navbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background-color:var(--color-background);border-bottom:1px solid var(--color-border);margin:-24px -44px 24px}.navbar-left{display:flex;align-items:center;gap:16px}.navbar-back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s ease}.navbar-back-button:hover{background-color:var(--color-surface-hover)}.navbar-title-group{display:flex;flex-direction:column;gap:2px;margin-left:8px}.navbar-title{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0;line-height:1.1;font-family:var(--font-geist)}.navbar-subtitle-group{display:flex;align-items:center;gap:12px}.navbar-subtitle{color:var(--color-text-secondary);font-size:13px;font-weight:400;margin:0;line-height:1.2}.customer-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.customer-status-badge.status-active{background-color:var(--color-success-bg);color:var(--color-success)}.customer-status-badge.status-inactive{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.customer-status-badge.status-at-risk{background-color:var(--color-warning-bg);color:var(--color-warning)}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:10px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s ease}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.stat-icon{color:var(--color-primary);background:var(--color-primary-bg);padding:8px;border-radius:50%}.stat-value{font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.stat-card.skeleton .stat-label{background:var(--color-surface-hover);background-size:200% 100%;animation:loading 1.5s infinite;height:16px;border-radius:4px;width:60%}.stat-card.skeleton .stat-icon{background:var(--color-surface-hover);background-size:200% 100%;animation:loading 1.5s infinite;height:40px;width:40px;border-radius:50%}.stat-card.skeleton .stat-value{background:var(--color-surface-hover);background-size:200% 100%;animation:loading 1.5s infinite;height:24px;border-radius:4px;width:40%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}.skeleton-text{background:var(--color-surface-hover);background-size:200% 100%;animation:loading 1.5s infinite;height:16px;border-radius:4px;margin:4px 0}.skeleton-title{height:24px;width:200px}.skeleton-subtitle{height:14px;width:150px}.skeleton-badge{height:20px;width:60px;border-radius:12px}.skeleton-button{height:36px;width:80px;border-radius:6px;background:var(--color-surface-hover);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-icon{height:16px;width:16px;border-radius:2px;background:var(--color-surface-hover);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-value{height:24px;width:100px;background:var(--color-surface-hover);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.skeleton-tab{height:40px;width:100px;border-radius:6px;background:var(--color-surface-hover);background-size:200% 100%;animation:loading 1.5s infinite;margin-right:8px}.table-container.skeleton{background:var(--color-surface);border-radius:8px;padding:16px}.table-header.skeleton{display:flex;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.table-header-cell{height:16px;flex:1;background:var(--color-surface-hover);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.table-row.skeleton{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border)}.table-cell{height:16px;flex:1;background:var(--color-surface-hover);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.customer-navbar.skeleton{background:var(--color-background)}.info-card.skeleton,.subscription-section.skeleton{background:var(--color-surface);border-radius:8px;padding:20px;margin-bottom:16px}.subscription-item.skeleton{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-item.skeleton{display:flex;align-items:center;gap:12px;padding:8px 0}.payment-method.skeleton{display:flex;align-items:center;gap:12px;padding:16px 0}.payment-info.skeleton{flex:1}.payment-card-number.skeleton{height:18px;width:120px;margin-bottom:4px}.payment-expiry.skeleton{height:14px;width:80px}.overview-tab-content.skeleton,.orders-tab-content.skeleton,.subscription-tab-content.skeleton,.billing-tab-content.skeleton{background:var(--color-surface);padding:24px;border-radius:8px}.orders-header.skeleton,.subscription-header.skeleton,.billing-header.skeleton{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.billing-content.skeleton{display:grid;grid-template-columns:2fr 1fr;gap:24px}.billing-left-panel.skeleton,.billing-right-panel.skeleton,.mrr-details.skeleton{background:var(--color-surface);border-radius:8px;padding:20px}.mrr-current.skeleton{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mrr-left.skeleton{flex:1}.mrr-info.skeleton{display:flex;flex-direction:column;gap:12px}.mrr-info-item.skeleton{display:flex;justify-content:space-between;align-items:center}.tabs-container{margin-bottom:24px}.tabs{display:flex;border-bottom:1px solid var(--color-border);gap:0}.tab{background:none;border:none;color:var(--color-text-secondary);padding:12px 24px;font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;position:relative}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{min-height:400px}.info-section{margin-bottom:32px}.info-section h3{margin:0 0 16px;color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-column{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;align-items:flex-start;gap:12px}.info-icon{color:var(--color-text-secondary);margin-top:2px;flex-shrink:0}.info-content{flex:1}.info-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.info-value{color:var(--color-text-primary);font-size:.9rem;line-height:1.4}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0}.view-all-link{color:var(--color-primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.view-all-link:hover{color:var(--color-primary-hover);text-decoration:underline}.orders-list{display:flex;flex-direction:column;gap:12px}.order-item{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s ease}.order-item:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.order-id{font-weight:600;color:var(--color-text-primary);font-size:.9rem}.order-status{background-color:var(--color-success-bg);color:var(--color-success);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.order-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;color:var(--color-text-secondary)}.order-actions{display:flex;gap:8px}.subscription-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.subscription-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.subscription-value{color:var(--color-text-primary);font-size:.85rem;font-weight:500}.payment-icon{color:var(--color-text-secondary)}.payment-card{color:var(--color-text-primary);font-weight:500;margin-bottom:4px}.payment-expiry{color:var(--color-text-secondary);font-size:.85rem}.tags-container{display:flex;gap:8px;flex-wrap:wrap}.tag{background:var(--color-surface-hover);color:var(--color-text-secondary);padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-active{background-color:var(--color-success-bg);color:var(--color-success)}.status-badge.status-paused{background-color:var(--color-warning-bg);color:var(--color-warning)}.status-badge.status-cancelled,.status-badge.status-failed{background-color:var(--color-error-bg);color:var(--color-error)}.status-badge.status-past-due{background-color:var(--color-warning-bg);color:var(--color-warning)}.status-badge.status-pending{background-color:var(--color-primary-bg);color:var(--color-primary)}.status-badge.status-unknown{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.orders-section{margin-top:16px}.order-id-list{list-style:none;padding:0;margin:0 0 20px;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.order-id-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .2s ease;color:var(--color-text-primary)}.order-id-item:last-child{border-bottom:none}.order-id-item:hover{background-color:var(--color-surface-hover)}.order-id-item.selected{background-color:var(--color-primary-bg);color:var(--color-text-primary);border-left:3px solid var(--color-primary);padding-left:13px}.order-id-item span{font-family:monospace;font-size:.9rem}.order-id-item svg{color:var(--color-text-secondary);transition:transform .2s ease}.order-id-item.selected svg{color:var(--color-text-primary)}.order-info-section{margin-top:20px;padding:20px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background-secondary)}.order-details-title{margin:0 0 20px;color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.customer-info-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.customer-info-table tr:nth-child(odd){background-color:var(--color-background-secondary)}.customer-info-table tr:hover{background-color:var(--color-primary-bg)}.customer-info-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.customer-info-table tr:last-child td{border-bottom:none}.customer-info-table td:first-child{border-right:1px solid var(--color-border)}.info-label{color:var(--color-text-secondary);font-size:.8rem;width:180px;white-space:nowrap;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.info-value{color:var(--color-text-primary);font-size:.95rem;word-break:break-word;padding-left:10px}.value-na{color:var(--color-text-disabled);font-style:italic}.value-id{font-family:monospace;font-size:.9rem;color:var(--color-text-primary);letter-spacing:.05em;background-color:#0003;padding:4px 8px;border-radius:4px;display:inline-block}.subscriptions-section{margin-top:16px}.table-wrapper{overflow-x:auto;border-radius:8px;background-color:transparent}.subscriptions-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.subscriptions-table th,.subscriptions-table td{padding:12px 15px;text-align:left}.subscriptions-table th{background-color:var(--color-surface-hover);color:var(--color-text-secondary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border)}.subscriptions-table tr.clickable-row{cursor:pointer;transition:background-color .2s ease}.subscriptions-table tr.clickable-row:hover{background-color:var(--color-primary-bg)}.subscriptions-table tr:not(:last-child) td{border-bottom:1px solid var(--color-border)}.order-actions{margin-top:20px;display:flex;gap:12px}.action-button{padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px}.action-button.cancel-button{background-color:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.action-button.cancel-button:hover:not(.disabled){background-color:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.action-button.refund-button{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.action-button.refund-button:hover:not(.disabled){background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.action-button.disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-surface-active);border-color:var(--color-border);color:var(--color-text-disabled)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:var(--color-text-secondary);gap:15px}.no-data-message{color:var(--color-text-secondary);font-style:italic;padding:20px 0;text-align:center}.error-message{color:var(--color-error);font-size:.9rem;margin:8px 0;padding:8px 12px;background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:4px;display:flex;align-items:center}.inline-spinner{display:inline-block;vertical-align:middle;animation:spin 1s linear infinite;margin-right:4px}.billing-section{margin-top:16px}.orders-tab-content{background:var(--color-surface);border-radius:8px;padding:14px;margin-top:14px;border:1px solid var(--color-border)}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.orders-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.orders-table{width:100%;border-collapse:collapse;background:transparent}.orders-table thead{border-bottom:1px solid var(--color-border)}.orders-table th{text-align:left;padding:12px 16px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.orders-table td{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem}.orders-table tbody tr:hover{background-color:var(--color-surface-hover)}.order-id-cell{font-weight:600;color:var(--color-primary);min-width:250px;width:25%}.order-date-cell{color:var(--color-text-secondary);min-width:120px;width:15%}.order-status-cell{padding:8px 16px}.order-type-cell{padding:8px 16px;min-width:150px;width:20%}.order-items-cell{text-align:center;color:var(--color-text-secondary)}.order-total-cell{font-weight:600;color:var(--color-text-primary)}.order-actions-cell{padding:8px 16px}.customer-detail-container .status-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.6875rem;font-weight:500;text-transform:capitalize}.customer-detail-container .status-badge.status-completed{background-color:var(--color-success-bg);color:var(--color-success)}.customer-detail-container .status-badge.status-refunded{background-color:var(--color-warning-bg);color:var(--color-warning)}.customer-detail-container .status-badge.status-cancelled{background-color:var(--color-error-bg);color:var(--color-error)}.customer-detail-container .status-badge.status-pending{background-color:var(--color-primary-bg);color:var(--color-primary)}.type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.type-badge.type-subscription{background-color:var(--color-primary-bg);color:var(--color-primary)}.type-badge.type-one-time{background-color:var(--color-secondary-bg);color:var(--color-secondary)}.action-link{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:0;text-decoration:none;transition:color .2s ease}.action-link:hover{color:var(--color-primary-hover);text-decoration:underline}.loading-container{display:flex;justify-content:center;align-items:center;padding:48px 24px;color:var(--color-text-secondary)}.no-data-message{text-align:center;padding:48px 24px;color:var(--color-text-secondary);font-size:.875rem}.overview-tab-content{margin-top:24px}.subscription-section{border:1px solid var(--color-border);border-radius:8px;padding:22px}.subscription-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.subscription-section .section-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.section-actions{display:flex;gap:12px;align-items:center}.pause-link{color:var(--color-warning)}.pause-link:hover{color:var(--color-warning-hover)}.subscription-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.action-button-destructive:hover{background-color:var(--color-error)!important}.action-button-primary:hover{background-color:var(--color-primary)!important}.refund-transaction-btn:hover:not(:disabled){background-color:var(--color-warning-hover)!important}.view-subscription-btn:hover,.view-more-btn:hover{background-color:var(--color-primary)!important}.overview-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.overview-left,.overview-right{display:flex;flex-direction:column;gap:24px}.info-card{background:var(--color-surface);border-radius:8px;padding:24px;border:1px solid var(--color-border);margin-bottom:24px}.card-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header .card-title{margin:0}.card-action-link{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:0;text-decoration:none;transition:color .2s ease}.card-action-link:hover{color:var(--color-primary-hover);text-decoration:underline}.info-list{display:flex;flex-direction:column;gap:16px}.customer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.customer-info-left,.customer-info-right{display:flex;flex-direction:column;gap:4px}.info-item{display:flex;align-items:center;gap:8px;padding:4px 0}.info-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-primary-bg);border-radius:4px;color:var(--color-primary);flex-shrink:0}.info-content{flex:1;min-width:0}.info-label{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:2px;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.9rem;color:var(--color-text-primary);font-weight:500;line-height:1.1}.address-multiline{display:flex;flex-direction:column;gap:1px}.address-line{line-height:1.2}.orders-list{display:flex;flex-direction:column}.order-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--color-background-secondary);border-radius:8px;border:1px solid var(--color-border);margin-bottom:12px}.order-info{flex:1;min-width:0}.order-id{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.order-details{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.order-details span{font-size:.875rem;color:var(--color-text-secondary)}.order-details .order-total{font-weight:600;color:var(--color-text-primary);font-size:1rem;margin-left:24px}.order-actions{display:flex;align-items:center;gap:12px}.order-type-btn{background:var(--color-primary);color:var(--color-primary-hover);border:none;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.order-type-btn:hover{background:var(--color-primary-hover);color:var(--color-primary-light)}.order-view-btn{background:var(--color-border);color:var(--color-text-primary);border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.order-view-btn:hover{background:#4b5563}.no-orders{text-align:center;padding:24px;color:var(--color-text-secondary);font-size:.875rem}.subscription-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #374151}.subscription-item:last-child{border-bottom:none}.subscription-label{font-size:.875rem;color:var(--color-text-secondary)}.subscription-value{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.no-subscription{text-align:center;padding:24px;color:var(--color-text-secondary);font-size:.875rem}.payment-method{display:flex;align-items:center;gap:12px}.payment-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f61a;border-radius:6px;color:#3b82f6}.payment-info{flex:1}.payment-card{display:flex;align-items:center;gap:8px;margin-bottom:2px}.payment-card .card-type{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.payment-card .card-number{font-size:.875rem;color:var(--color-text-primary);font-weight:500;font-family:Courier New,monospace}.payment-loading{font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:4px 12px;background:#374151;color:var(--color-text-secondary);border-radius:12px;font-size:.75rem;font-weight:500}.stat-card{background:transparent;border:1px solid var(--color-border);border-radius:8px;padding:20px 20px 32px;text-align:left}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;min-height:32px}.stat-label{color:#888;font-size:.95rem;font-weight:500;text-align:left}.stat-icon{color:var(--color-text-secondary);flex-shrink:0;margin-bottom:-50px}.stat-icon-blue{color:#3b82f6}.stat-icon-green{color:#22c55e}.stat-icon-purple{color:#8b5cf6}.stat-icon-orange{color:#f97316}.stat-value{font-size:2.2rem;font-weight:600;color:var(--color-text-primary)}.stat-value.stat-value-blue{color:var(--color-primary)!important}.stat-value.stat-value-green{color:var(--color-success)!important}.stat-value.stat-value-purple{color:var(--color-info)!important}.stat-value.stat-value-orange{color:#f97316!important}.stat-value.stat-value-red{color:#ef4444!important}.stat-value.stat-value-teal{color:#14b8a6!important}.stat-subtitle{color:var(--color-text-secondary);font-size:.8rem;margin-top:4px;line-height:1.2}@media (max-width: 768px){.overview-grid{grid-template-columns:1fr;gap:16px}.overview-left-column,.overview-right-column{gap:16px}.overview-bottom-row{grid-template-columns:1fr;gap:16px}.info-card{padding:16px}.order-item{flex-direction:column;align-items:flex-start;gap:12px}.order-actions{width:100%;justify-content:flex-end}}@media (max-width: 768px){.customer-detail-container{padding:16px}.customer-header,.header-left{flex-direction:column;gap:16px}.header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.stats-grid,.info-grid{grid-template-columns:1fr;gap:16px}.tabs{overflow-x:auto;white-space:nowrap}.tab{padding:12px 16px;font-size:.85rem}.customer-info h1{font-size:1.5rem}.stat-card{padding:16px}.stat-value{font-size:1.25rem}}@media (max-width: 480px){.header-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}.order-actions{flex-direction:column}.action-button{width:100%;justify-content:center}}.billing-tab-content{margin-top:24px}.billing-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.billing-left-panel{background:transparent;border-radius:8px;padding:24px;border:1px solid #374151}.billing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.billing-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.customer-detail-container .billing-table{width:100%;border-collapse:collapse;background:transparent}.customer-detail-container .billing-table thead{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.customer-detail-container .billing-table th{text-align:left;padding:12px 16px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:transparent}.customer-detail-container .billing-table td{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem;background:transparent}.customer-detail-container .billing-table tbody tr:hover{background-color:var(--color-surface-hover)}.customer-detail-container .billing-table .billing-date{color:var(--color-text-secondary);font-weight:500}.customer-detail-container .billing-table .billing-description{min-width:200px}.customer-detail-container .billing-table .description-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-detail-container .billing-table .description-content span{flex:1}.customer-detail-container .billing-table .retry-button{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.customer-detail-container .billing-table .retry-button:hover{background:#3b82f633;border-color:#3b82f680}.customer-detail-container .billing-table .billing-status{padding:8px 16px}.customer-detail-container .billing-table .status-badge.status-successful{background-color:#22c55e26;color:#22c55e}.customer-detail-container .billing-table .billing-amount{font-weight:600;color:var(--color-text-primary);text-align:right}.no-billing-data{text-align:center;padding:48px 24px;color:var(--color-text-secondary);font-size:.875rem}.billing-right-panel{display:flex;flex-direction:column;gap:24px}.mrr-details{display:flex;flex-direction:column;gap:20px}.mrr-current{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #374151}.mrr-left{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.mrr-value{font-size:2rem;font-weight:600;color:#22c55e}.mrr-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#22c55e26;border-radius:50%;color:#22c55e}.mrr-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500;text-align:left}.mrr-info{display:flex;flex-direction:column;gap:12px}.mrr-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.mrr-info-label{font-size:.875rem;color:var(--color-text-secondary)}.mrr-info-value{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.payment-method-details{display:flex;flex-direction:column;gap:20px}.payment-card-info{display:flex;align-items:center;gap:12px}.payment-details{flex:1}.payment-card-number{font-size:.875rem;color:var(--color-text-primary);font-weight:500;margin-bottom:2px}.payment-expiry{font-size:.75rem;color:var(--color-text-secondary)}.payment-actions{display:flex;flex-direction:column;gap:8px}.btn-secondary.small{padding:8px 12px;font-size:.8rem;height:auto;width:100%;text-align:center}@media (max-width: 1024px){.billing-grid{grid-template-columns:1fr;gap:16px}.billing-left-panel{padding:16px}.billing-header{flex-direction:column;align-items:flex-start;gap:12px}.description-content{flex-direction:column;align-items:flex-start;gap:8px}.retry-button{align-self:flex-end}}@media (max-width: 768px){.billing-table{font-size:.8rem}.billing-table th,.billing-table td{padding:8px 12px}.mrr-value{font-size:1.5rem}.mrr-icon-wrapper{width:32px;height:32px}}.subscription-tab-content{margin-top:24px}.subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.subscription-left-column,.subscription-right-column{display:flex;flex-direction:column;gap:24px}.subscription-details-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}.subscription-details-header .card-title{margin:0}.subscription-actions{display:flex;gap:8px}.subscription-details-content{display:flex;flex-direction:column;gap:24px}.subscription-info{display:flex;flex-direction:column;gap:12px}.subscription-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.subscription-info-label{font-size:.875rem;color:var(--color-text-secondary)}.subscription-info-value{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.payment-method-section{border-top:1px solid #374151;padding-top:20px}.payment-method-header h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.payment-method-content{display:flex;flex-direction:column;gap:16px}.payment-card-display{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff05;border-radius:6px;border:1px solid #374151}.btn-secondary.full-width{width:100%;text-align:center}.subscription-items-table{width:100%;border-collapse:collapse;background:transparent}.subscription-items-table thead{border-bottom:1px solid #374151}.subscription-items-table th{text-align:left;padding:12px 16px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.subscription-items-table td{padding:16px;border-bottom:1px solid #374151;color:var(--color-text-primary);font-size:.875rem}.subscription-items-table tbody tr:hover{background-color:#ffffff05}.item-cell{min-width:200px}.item-name{font-weight:500;color:var(--color-text-primary);margin-bottom:4px}.item-description{font-size:.75rem;color:var(--color-text-secondary)}.qty-cell{text-align:center;color:var(--color-text-secondary)}.price-cell{text-align:right;color:var(--color-text-primary);font-weight:500}.total-cell{text-align:right;color:var(--color-text-primary);font-weight:600}.customer-detail-container .metrics-list{display:flex;flex-direction:column;gap:20px}.customer-detail-container .metric-item{display:flex;flex-direction:column;gap:8px}.customer-detail-container .metric-item .metric-header{display:flex;justify-content:space-between;align-items:center}.customer-detail-container .metric-item .metric-header .metric-label{font-size:.875rem;color:var(--color-text-secondary)}.customer-detail-container .metric-item .metric-header .metric-value{font-size:.875rem;font-weight:600}.customer-detail-container .metric-item .metric-header .metric-value.metric-green{color:#22c55e;flex-grow:initial}.customer-detail-container .metric-item .metric-header .metric-value.metric-purple{color:#8b5cf6;flex-grow:initial}.customer-detail-container .metric-item .metric-header .metric-value.metric-blue{color:#3b82f6;flex-grow:initial}.customer-detail-container .metric-item .progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.customer-detail-container .metric-item .progress-bar .progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.customer-detail-container .metric-item .progress-bar .progress-fill.progress-green{background:#22c55e}.customer-detail-container .metric-item .progress-bar .progress-fill.progress-purple{background:#8b5cf6}.customer-detail-container .metric-item .progress-bar .progress-fill.progress-blue{background:#3b82f6}.customer-detail-container .quick-actions-list{display:flex;flex-direction:column;gap:12px}.customer-detail-container .quick-actions-list .quick-action-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;width:100%;text-align:left}.customer-detail-container .quick-actions-list .quick-action-btn:hover{transform:translateY(-1px)}.customer-detail-container .btn-danger{background:#dc2626;border:1px solid #dc2626;color:#fff;font-weight:500}.customer-detail-container .btn-danger:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}@media (max-width: 1024px){.subscription-grid{grid-template-columns:1fr;gap:16px}.subscription-left-column,.subscription-right-column{gap:16px}.subscription-details-header{flex-direction:column;align-items:flex-start;gap:12px}.subscription-actions{width:100%;justify-content:flex-end}}@media (max-width: 768px){.subscription-info-item{flex-direction:column;align-items:flex-start;gap:4px}.subscription-items-table{font-size:.8rem}.subscription-items-table th,.subscription-items-table td{padding:8px 12px}.metric-header{flex-direction:column;align-items:flex-start;gap:4px}.quick-action-btn{padding:10px 12px;font-size:.8rem}}.shopify-orders-dropdown-container{display:flex;flex-direction:column;gap:12px}.shopify-order-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.shopify-order-dropdown:hover{border-color:var(--color-border-hover);box-shadow:0 4px 12px #00000026}.order-dropdown-header{padding:20px;cursor:pointer;transition:background-color .2s ease;background:var(--color-surface)}.order-dropdown-header:hover{background:var(--color-surface-hover)}.order-dropdown-header.expanded{background:var(--color-surface-active);border-bottom:1px solid var(--color-border)}.order-header-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.order-main-info{display:flex;align-items:center;justify-content:space-between;flex:1;gap:20px}.order-id-section{display:flex;flex-direction:column;gap:4px}.order-id{font-size:16px;font-weight:600;color:var(--color-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.order-date{font-size:13px;color:var(--color-text-secondary);font-weight:400}.order-status-section{display:flex;align-items:center;gap:12px}.order-status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize;letter-spacing:.5px}.order-status-badge.status-paid{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.order-status-badge.status-pending{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.order-status-badge.status-refunded{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.order-status-badge.status-cancelled{background:#6b728026;color:var(--color-text-secondary);border:1px solid rgba(107,114,128,.3)}.order-amount{font-size:18px;font-weight:600;color:var(--color-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.order-dropdown-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:8px;background:#ffffff0d;transition:all .2s ease;flex-shrink:0!important;flex-grow:0!important;flex-basis:32px!important}.order-dropdown-header:hover .order-dropdown-icon{background:#ffffff1a}.dropdown-arrow{color:var(--color-text-secondary);transition:transform .3s ease;display:block!important;width:16px!important;height:16px!important;margin:0!important;padding:0!important}.dropdown-arrow.rotated{transform:rotate(180deg)!important}.order-dropdown-content{padding:24px;background:var(--color-background);border-top:1px solid var(--color-border);animation:slideDown .3s ease-out}.order-dropdown-content .order-details-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:space-between!important}.order-dropdown-content .detail-card{flex:1 1 0%!important;min-width:0!important;max-width:none!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.order-details-grid{display:flex!important;gap:16px;margin-bottom:20px;flex-wrap:nowrap!important;flex-direction:row!important;width:100%}.detail-card{display:flex!important;align-items:center;gap:12px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .2s ease;flex:1!important;min-width:0!important;max-width:none!important;width:auto!important}.detail-card:hover{background:#ffffff0a;border-color:#ffffff1a}.detail-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#3b82f61a;color:#3b82f6}.detail-content{display:flex;flex-direction:column;gap:2px;flex:1}.detail-label{font-size:12px;color:var(--color-text-secondary);font-weight:500;text-transform:capitalize;letter-spacing:.5px}.detail-value{font-size:14px;color:var(--color-text-primary);font-weight:500;text-transform:capitalize}.order-actions-section{padding-top:16px}.action-buttons{display:flex;flex-wrap:wrap;margin-bottom:12px}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;margin-left:0;text-transform:capitalize}.action-btn.cancel-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:1px solid rgba(220,38,38,.3)}.action-btn.cancel-btn:hover:not(.disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d}.action-btn.refund-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid rgba(245,158,11,.3)}.action-btn.refund-btn:hover:not(.disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d}.action-btn.disabled{background:#333!important;color:#666!important;cursor:not-allowed;transform:none!important;box-shadow:none!important;border-color:#444!important}.action-btn svg{width:14px;height:14px}.error-message{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:14px;font-weight:500}.error-message svg{width:16px;height:16px;flex-shrink:0}.order-dropdown-content.loading{display:flex;align-items:center;justify-content:center;min-height:120px}.dropdown-loader{display:flex;align-items:center;gap:12px;color:var(--color-text-secondary);font-size:14px;font-weight:500}.dropdown-loader-spinner{width:20px;height:20px;border:2px solid rgba(156,163,175,.3);border-top:2px solid #9ca3af;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.order-main-info{flex-direction:column;align-items:flex-start;gap:12px}.order-status-section{width:100%;justify-content:space-between}.order-details-grid{flex-direction:column!important;flex-wrap:wrap!important}.detail-card{min-width:auto!important;flex:none!important}.action-buttons{flex-direction:column}.action-btn{justify-content:center}}.action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.pause-btn{background-color:#dc2626;color:#fff;cursor:pointer}.action-btn.pause-btn:hover{background-color:#b91c1c}.subscription-actions .pause-subscription-btn:hover{background-color:#b91c1c!important}.action-btn.manage-btn{background-color:#3b82f6;color:#fff}.action-btn.manage-btn:hover{background-color:#2563eb}.order-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.order-detail-modal{background-color:#0a0a0b;border-radius:8px;width:90%;max-width:1100px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #27272a}.modal-header h2{margin:0;color:#fafafa;font-size:1.5rem}.close-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:5px}.close-button:hover{color:#fafafa}.modal-content{padding:20px;display:flex;flex-direction:column;gap:24px}.order-summary-section{background-color:#18181b;border-radius:8px;padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.order-status{display:flex;gap:16px}.status-item{display:flex;flex-direction:column;gap:4px}.status-label{color:var(--color-text-secondary);font-size:.9rem}.order-meta{display:flex;gap:24px}.meta-item{display:flex;flex-direction:column;gap:4px}.label{color:var(--color-text-secondary);font-size:.9rem}.value{color:#fafafa;font-size:1rem}.order-details-grid{display:grid;grid-template-columns:1fr 300px;gap:20px}.order-items-section,.order-sidebar>div,.order-notes-section{background-color:#18181b;border-radius:8px;padding:20px}.order-sidebar{display:flex;flex-direction:column;gap:20px}h3{margin-top:0;margin-bottom:16px;color:#fafafa;font-size:1.2rem}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{display:grid;grid-template-columns:60px 1fr auto auto;gap:16px;align-items:center;padding-bottom:12px;border-bottom:1px solid #27272a}.item-image img,.placeholder-image{width:60px;height:60px;border-radius:4px;background-color:#27272a;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.item-details{display:flex;flex-direction:column;gap:4px}.item-title{color:#fafafa;font-weight:500}.item-variant,.item-sku{color:var(--color-text-secondary);font-size:.9rem}.item-quantity,.item-total{color:#fafafa;text-align:right}.no-items{color:var(--color-text-secondary);padding:20px 0;text-align:center}.order-totals{margin-top:20px;border-top:1px solid #27272a;padding-top:20px}.total-row{display:flex;justify-content:space-between;padding:8px 0;color:#fafafa}.discount{color:#ef4444}.grand-total{font-weight:700;font-size:1.1rem;border-top:1px solid #27272a;margin-top:8px;padding-top:12px}.customer-info,.shipping-address,.payment-method,.fulfillment-status{display:flex;flex-direction:column;gap:8px;color:#fafafa}.order-detail-page .customer-name{font-weight:500}.customer-email{color:var(--color-text-secondary)}.address-line{color:#fafafa}.payment-method,.fulfillment-status{display:flex;flex-direction:row;align-items:center;gap:8px}.view-customer-button,.fulfill-button{background-color:#2563eb;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-weight:500;margin-top:12px;align-self:flex-start}.view-customer-button:hover,.fulfill-button:hover{background-color:#1d4ed8}.no-customer,.no-address{color:var(--color-text-secondary);padding:10px 0}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem}.status-paid{background-color:#22c55e33;color:#22c55e}.status-unfulfilled{background-color:#ef444433;color:#ef4444}.order-notes{width:100%;min-height:100px;background-color:#27272a;border:1px solid #3f3f46;border-radius:6px;padding:12px;color:#fafafa;resize:vertical;margin-bottom:12px}.save-notes-button{background-color:#2563eb;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-weight:500;align-self:flex-start}.save-notes-button:hover{background-color:#1d4ed8}@media (max-width: 768px){.order-details-grid{grid-template-columns:1fr}.order-meta{flex-direction:column;gap:12px}.item-card{grid-template-columns:50px 1fr;grid-template-rows:auto auto}.item-image{grid-row:span 2}.item-quantity,.item-total{text-align:left}.item-total{grid-column:2}}.order-detail-container{padding:2rem;max-width:1600px;margin:0 auto;color:var(--text-primary)}.order-detail-container.loading,.order-detail-container.error,.order-detail-container.not-found{display:flex;justify-content:center;align-items:center;font-size:1.1rem;color:var(--color-text-secondary)}.order-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:1.5rem}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s}.back-button:hover{background:var(--bg-hover);color:var(--text-primary)}.order-detail-header h1{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.order-detail-content{display:grid;grid-template-columns:1fr 350px;gap:2rem}.detail-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.detail-card h2{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.info-item{display:flex;align-items:center;gap:.5rem}.status-badge{padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-succeeded{background-color:var(--success-bg);color:var(--success-text)}.status-failed{background-color:var(--error-bg);color:var(--error-text)}.status-pending{background-color:var(--warning-bg);color:var(--warning-text)}.status-refunded{background-color:var(--info-bg);color:var(--info-text)}.status-authorized{background-color:var(--primary-bg);color:var(--primary-text)}.status-default{background-color:var(--neutral-bg);color:var(--neutral-text)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-sm{padding:.375rem .75rem;font-size:.875rem;display:flex;align-items:center;gap:.375rem}.loading,.error,.not-found{text-align:center;padding:3rem}@media (max-width: 1024px){.order-detail-content{grid-template-columns:1fr}.order-detail-sidebar{order:-1}}@media (max-width: 768px){.order-detail-container{padding:1rem}.order-detail-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-left{flex-direction:column;align-items:flex-start}.info-grid{grid-template-columns:1fr}}.page-container{padding:2rem;max-width:1600px;margin:0 auto}.page-header{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;padding:0;background:none;border:none;cursor:pointer;transition:color .2s}.back-button:hover{color:var(--text-primary)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-content h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.page-content{display:grid;grid-template-columns:1fr 350px;gap:2rem}.main-content,.sidebar{display:flex;flex-direction:column;gap:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.card-header h2{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.card-content{padding:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;align-items:center;gap:.75rem}.info-item svg{color:var(--text-secondary);flex-shrink:0}.info-item .label{color:var(--text-secondary);font-size:.875rem;margin-right:.5rem}.info-item .value{color:var(--text-primary);font-size:.875rem;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1}.status-succeeded{background:var(--success-bg);color:var(--success-text)}.status-failed{background:var(--error-bg);color:var(--error-text)}.status-pending{background:var(--warning-bg);color:var(--warning-text)}.status-refunded{background:var(--info-bg);color:var(--info-text)}.status-authorized{background:var(--primary-bg);color:var(--primary-text)}.status-default{background:var(--neutral-bg);color:var(--neutral-text)}.placeholder-text{color:var(--text-secondary);font-size:.875rem;font-style:italic}.button-group{display:flex;gap:.5rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-color-dark)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-secondary-hover)}.notes-textarea{width:100%;min-height:150px;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-input);color:var(--text-primary);font-size:.875rem;line-height:1.5;resize:vertical}.notes-textarea:disabled{background:var(--bg-disabled);cursor:not-allowed;opacity:.75}.notes-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.loading,.error,.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center}.error{color:var(--error-text)}@media (max-width: 1024px){.page-content{grid-template-columns:1fr}.sidebar{order:-1}}@media (max-width: 768px){.page-container{padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.info-grid{grid-template-columns:1fr}}.order-detail-container{padding:24px;width:100%;max-width:100%;background-color:#0a0a0b;color:#fafafa;min-height:calc(100vh - 65px)}.transaction-info-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #27272a;transition:background-color .2s ease}.transaction-info-table td:first-child{border-right:1px solid #27272a;width:180px;white-space:nowrap;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}.transaction-info-table td:last-child{color:#fafafa;font-size:.95rem;word-break:break-word;padding-left:10px}.value-id{font-family:monospace;font-size:.9rem;color:#d4d4d8;letter-spacing:.05em;background-color:#0003;padding:4px 8px;border-radius:4px;display:inline-block}.value-na{color:#52525b;font-style:italic}.back-button:hover{border-color:#3b82f6;color:#fafafa}.edit-field input{padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:#18181b;color:#fafafa}.edit-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:#18181b;color:#fafafa}.notes-section{margin-top:24px;padding:16px;background:#0a0a0b;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px #0000004d}.notes-textarea{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;resize:vertical;min-height:100px;background:#18181b;color:#fafafa}.link-style{color:#60a5fa;text-decoration:none}.link-style:hover{text-decoration:underline;color:#93c5fd}.btn-success{background-color:#059669;color:#fff;border:1px solid #047857}.btn-success:hover{background-color:#047857}.btn-success:disabled{background-color:#374151;border-color:#4b5563;cursor:not-allowed}.btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary{background-color:#2563eb;color:#fff;border:1px solid #1d4ed8}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:#3b82f6;color:#fafafa}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:.8rem;gap:4px}.status-succeeded{background-color:#22c55e33;color:#22c55e}.status-failed{background-color:#ef444433;color:#ef4444}.status-pending{background-color:#eab30833;color:#eab308}.status-refunded{background-color:#3b82f633;color:#3b82f6}.status-authorized{background-color:#6366f133;color:#6366f1}.status-default{background-color:#a1a1aa33;color:var(--color-text-secondary)}.loading,.error,.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--color-text-secondary)}.error{color:#ef4444}@media (max-width: 768px){.transaction-info-table td:first-child{width:140px}.edit-field{flex-direction:column}.edit-field input{width:100%}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.transaction-info-table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;margin-bottom:24px}.transaction-info-section,.customer-info-section,.gateway-info-section,.related-records-section{width:100%;max-width:100%;margin-bottom:32px}.transaction-detail-container{padding:24px;width:100%;max-width:100%;background-color:var(--color-background);color:var(--color-text-primary);min-height:calc(100vh - 65px)}.transaction-info-table tr:nth-child(odd){background-color:#ffffff05}.transaction-info-table tr:hover{background-color:#3b82f60d}.transaction-info-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.transaction-info-table tr:last-child td{border-bottom:none}.transaction-info-table td:first-child{border-right:1px solid var(--color-border);width:180px;white-space:nowrap;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}.transaction-info-table td:last-child{color:var(--color-text-primary);font-size:.95rem;word-break:break-word;padding-left:10px}.value-id{font-family:monospace;font-size:.9rem;color:var(--color-text-secondary);letter-spacing:.05em;background-color:#0003;padding:4px 8px;border-radius:4px;display:inline-block}.value-na{color:var(--color-text-tertiary);font-style:italic}.back-button{border:1px solid var(--color-border);border-radius:6px;padding:8px 16px;display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--color-text-secondary);cursor:pointer}.back-button:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.edit-actions,.edit-field{display:flex;gap:8px}.edit-field input{padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-surface);color:var(--color-text-primary)}.edit-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-surface);color:var(--color-text-primary)}.notes-section{margin-top:24px;padding:16px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px #0000004d}.notes-textarea{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;resize:vertical;min-height:100px;background:var(--color-surface);color:var(--color-text-primary)}.link-style{color:var(--color-primary);text-decoration:none}.link-style:hover{text-decoration:underline;color:var(--color-primary-hover)}.btn-success{background-color:var(--color-success);color:#fff;border:1px solid var(--color-success-border)}.btn-success:hover{background-color:var(--color-success-hover)}.btn-success:disabled{background-color:var(--color-surface-active);border-color:var(--color-border);cursor:not-allowed}.value-id{font-family:monospace;color:var(--color-text-secondary)}.transaction-detail-refund-button{border:1px solid var(--color-warning);background:transparent;color:var(--color-warning);border-radius:6px;padding:8px 16px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.transaction-detail-refund-button:hover{background:rgba(var(--rgb-warning),.1)}.transaction-detail-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.transaction-detail-modal{background:var(--color-surface);padding:32px;border-radius:12px;width:90%;max-width:420px;border:1px solid var(--color-border);box-shadow:0 20px 25px -5px #0006}.transaction-detail-modal h2{margin-top:0;margin-bottom:24px;font-size:1.375rem;font-weight:600;color:var(--color-text-primary)}.transaction-detail-refund-mode-toggle{display:flex;gap:20px;margin-bottom:20px;padding:12px;background:var(--color-background);border-radius:8px;border:1px solid var(--color-border)}.transaction-detail-refund-mode-toggle label{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);cursor:pointer;font-weight:500}.transaction-detail-refund-mode-toggle input[type=radio]{accent-color:var(--color-primary)}.transaction-detail-refund-input{margin-bottom:20px}.transaction-detail-refund-input input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);color:var(--color-text-primary);font-size:16px;transition:border-color .2s ease}.transaction-detail-refund-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.transaction-detail-modal button{margin-right:12px;padding:12px 20px;border-radius:6px;border:1px solid var(--color-border);font-weight:500;cursor:pointer;transition:all .2s ease}.transaction-detail-modal button:first-of-type{background:#3b82f6;color:#fff;border-color:var(--color-primary)}.transaction-detail-modal button:first-of-type:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.transaction-detail-modal button:last-of-type{background:transparent;color:var(--color-text-secondary);border-color:#3f3f46}.transaction-detail-modal button:last-of-type:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.transaction-detail-modal button:disabled{opacity:.5;cursor:not-allowed}.transaction-detail-refund-error{color:#f87171;margin-bottom:16px;padding:8px 12px;background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:4px;font-size:14px}.transaction-detail-header-actions{display:inline-flex;align-items:center;gap:8px}.alert-refund-banner{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin:20px 0;display:flex;gap:16px;align-items:flex-start}.alert-refund-icon{color:#f59e0b;flex-shrink:0}.alert-refund-content{flex:1}.alert-refund-content h4{margin:0 0 8px;color:#92400e;font-size:16px;font-weight:600}.alert-refund-content p{margin:0 0 12px;color:#78350f;font-size:14px;line-height:1.5}.alert-refund-details{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#92400e}.alert-refund-details span{display:flex;align-items:center;gap:4px}.alert-refund-details code{background-color:#fde68a;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px}.subscriptions-container{padding:0 24px 24px;height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-background);color:var(--color-text-primary)}.subscriptions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-shrink:0}.subscriptions-header h1{margin:0;font-size:24px;font-weight:600}.header-actions{display:flex;gap:12px}.stats-container{display:grid;gap:24px;margin-bottom:32px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (max-width: 1200px){.stats-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr}}.stat-card{padding:24px 24px 45px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);transition:all .2s ease;text-align:left}.stat-card:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.stat-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;margin-bottom:8px}.stat-value{color:var(--color-text-primary);font-size:2.5rem;font-weight:600;line-height:1}.stat-active,.stat-paused,.stat-cancelled{color:var(--color-text-primary)}.filters-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;margin-bottom:24px;flex-shrink:0}.filters-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end}.reset-container{flex:0 0 auto;display:flex;align-items:flex-end}.filter-item.status{grid-area:status}.filter-item.from-date{grid-area:from}.filter-item.to-date{grid-area:to}.filter-reset{grid-area:reset;justify-self:end}@media (max-width: 1199px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.filter-item{flex:1 0 100%}.reset-container{flex:0 0 auto;margin-left:auto}}.filter-item label{display:block;margin-bottom:8px;font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.filter-input{width:100%;padding:12px 16px;background-color:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem;transition:all .2s ease}.filter-input:hover{border-color:var(--color-primary)}.filter-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 1px var(--color-primary)}.filter-reset-btn{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;height:45px;width:fit-content}.filter-reset-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:transparent}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;background-color:var(--color-surface)}.subscriptions-table-container{min-width:100%;width:max-content}.subscriptions-table{width:100%;min-width:max-content;border-collapse:collapse;background-color:var(--color-surface)}.subscriptions-table thead{position:sticky;top:0;z-index:1}.subscriptions-table th{background:var(--color-surface);padding:12px 16px;text-align:left;font-weight:500;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none}.subscriptions-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sort-header{display:flex;align-items:center;gap:8px}.sort-icon{color:var(--color-text-secondary);font-size:.8rem}.subscriptions-table tr:hover{background-color:rgba(var(--color-primary-rgb),.05)}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-active{background:rgba(var(--color-success-rgb),.1);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb),.2)}.status-paused{background:rgba(var(--color-warning-rgb),.1);color:var(--color-warning);border:1px solid rgba(var(--color-warning-rgb),.2)}.status-retry{background:rgba(var(--color-info-rgb),.1);color:var(--color-info);border:1px solid rgba(var(--color-info-rgb),.2)}.status-cancelled,.status-canceled{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.2)}.status-trial{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.2)}.status-past-due,.status-past_due{background:rgba(var(--color-purple-rgb),.1);color:var(--color-purple);border:1px solid rgba(var(--color-purple-rgb),.2)}.status-default{background:rgba(var(--color-gray-rgb),.1);color:var(--color-gray);border:1px solid rgba(var(--color-gray-rgb),.2)}.status-badge[title*="Changed via"]{position:relative;padding-right:4px}.status-badge[title*=manual_crm]:after{content:" 👤";font-size:.85em;opacity:.8}.status-badge[title*=dispute_]:after{content:" ⚠️";font-size:.85em;opacity:.8}.action-link{color:var(--color-primary);text-decoration:none;margin-right:8px}.action-link:hover{text-decoration:underline}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background-color:transparent;border-top:1px solid var(--color-border);margin-top:-1px}.pagination-container.top-pagination{margin-top:0;margin-bottom:20px;border-top:none;border-bottom:1px solid var(--color-border);padding:16px 24px}.pagination-info{color:var(--color-text-secondary);font-size:.9rem;display:flex;align-items:center;gap:20px}.page-size-selector{display:flex;align-items:center;gap:8px}.page-size-selector label{color:var(--color-text-secondary);font-size:.9rem}.page-size-select{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);padding:4px 8px;font-size:.9rem;cursor:pointer}.page-size-select:hover{border-color:var(--color-border)}.page-size-select:focus{outline:none;border-color:var(--color-success)}.per-page,.showing-info{color:var(--color-text-secondary);font-size:.9rem}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:8px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-page{padding:0 16px;height:36px;display:inline-flex;align-items:center;color:var(--color-text-primary);font-size:.9rem}.loading-container{display:flex;justify-content:center;align-items:center;padding:40px}.empty-state{text-align:center;padding:40px;color:var(--color-text-secondary)}.btn{padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-background-dark);color:var(--color-text-primary);border:1px solid rgba(var(--color-text-primary-rgb),.1)}.btn-secondary:hover{background-color:var(--color-border)}.subscription-detail-container{padding:24px;background-color:transparent;color:var(--color-text-primary)}.subscription-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.subscription-detail-header h1{font-size:1.5rem;font-weight:600}.subscription-detail-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.detail-card{background-color:var(--color-background-dark);border:1px solid var(--color-border);border-radius:8px;padding:20px}.detail-card h2{font-size:1.125rem;font-weight:600;margin-bottom:16px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:8px}.detail-item-label{color:var(--color-text-secondary);margin-right:8px}.detail-item-value{color:var(--color-text-primary);text-align:right}.loading-text,.error-text{text-align:center;padding:40px;color:var(--color-text-secondary);font-size:1rem}.error-text{color:var(--color-danger)}.table-scroll-wrapper .subscriptions-table-container{margin-top:0;border:none;border-radius:0;overflow:visible}.settings-section{background-color:var(--color-background-dark);border-radius:8px;padding:24px;margin-bottom:24px}.settings-section h3{margin:0 0 20px;color:var(--color-text-primary);font-size:1.1rem}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:var(--color-text-secondary);font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:10px;background-color:var(--color-background-dark);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:.95rem}.form-group textarea{min-height:80px;resize:vertical}.error-message{color:var(--color-danger);margin-bottom:16px;padding:8px;background-color:rgba(var(--color-danger-rgb),.1);border-radius:4px}.groups-list{display:grid;gap:16px}.group-card{background-color:var(--color-background-dark);border-radius:6px;padding:16px}.group-card h4{margin:0 0 8px;color:var(--color-text-primary)}.group-card p{margin:0 0 12px;color:var(--color-text-secondary);font-size:.9rem}.group-details{display:flex;gap:16px;font-size:.85rem;color:var(--color-text-secondary)}.btn{padding:10px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--color-primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.bulk-actions-bar{background:var(--color-surface);border:1px solid var(--color-border);padding:12px 24px;margin-bottom:24px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.selection-info{display:flex;align-items:center;gap:20px}.selected-count{color:var(--color-text-secondary);font-size:.9rem}.selected-count strong{color:var(--color-text-primary);font-weight:600}.total-count{color:var(--color-text-secondary);font-size:.85rem}.range-selector{display:flex;align-items:center;gap:10px}.range-input-group{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface-active);border:1px solid var(--color-border);border-radius:6px}.range-input{width:80px;padding:4px 8px;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:.9rem}.range-input:focus{outline:none;border-color:var(--color-success)}.btn-link{background:none;border:none;color:var(--color-success);cursor:pointer;font-size:.9rem;text-decoration:underline;padding:0}.btn-link:hover{color:var(--color-success-light)}.btn-sm{padding:4px 12px;font-size:.85rem}.bulk-actions{display:flex;gap:8px;position:relative}.bulk-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;background:var(--color-background-dark);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.bulk-action-btn:hover{background:var(--color-border)}.bulk-action-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-actions-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-background-dark);border:1px solid var(--color-border);border-radius:6px;padding:4px;min-width:200px;z-index:10}.bulk-actions-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;border-radius:4px;transition:all .2s}.bulk-actions-dropdown button:hover{background:var(--color-border)}.checkbox-wrapper{display:inline-flex;align-items:center;cursor:pointer}.checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-background-dark);border:1px solid var(--color-border);border-radius:4px;transition:all .2s}.checkbox-wrapper:hover .checkbox-custom{background:var(--color-border)}.checkbox-wrapper input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.subscription-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-group label{color:var(--color-text-secondary);font-size:14px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.error-message{padding:12px 16px;margin-bottom:20px;background-color:rgba(var(--color-danger-rgb),.1);border:1px solid var(--color-danger);border-radius:6px;color:var(--color-danger)}.loading-inline{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);padding:8px 0}.help-text{font-size:12px;color:var(--color-text-secondary);margin-top:4px;font-style:italic}.sync-all-button{margin-right:10px;display:flex;align-items:center;justify-content:center;min-width:150px}.sync-progress{display:flex;align-items:center;gap:6px}.spinner-icon{width:14px;height:14px;border:2px solid rgba(var(--color-text-primary-rgb),.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.sync-results-container{margin-bottom:20px}.sync-results{background-color:var(--color-primary-bg);padding:15px;border-radius:6px;border-left:4px solid var(--color-primary);position:relative}.sync-results h4{margin-top:0;margin-bottom:10px;color:var(--color-text-primary)}.sync-results ul{list-style:none;padding:0;margin:0;display:flex;gap:20px}.sync-results li{display:flex;gap:5px}.result-label{font-weight:500}.result-value{font-weight:600}.result-value.success{color:var(--color-success)}.result-value.neutral{color:var(--color-info)}.result-value.failed{color:var(--color-danger)}.dismiss-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:16px;cursor:pointer;color:var(--color-text-secondary)}.dismiss-button:hover{color:var(--color-border)}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:var(--color-surface-hover)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--color-background-rgb),.9);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--color-background-dark);padding:24px;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--color-border)}.modal-content h3{margin:0 0 16px;color:var(--color-text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dark-input{width:100%;padding:8px 10px;background-color:var(--color-background-dark);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:.95rem;margin-top:4px}.toggle-group{margin:20px 0;padding:15px 20px;background-color:var(--color-background-dark);border-radius:8px;border:1px solid var(--color-border)}.toggle-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;margin-right:10px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-background-dark);transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-text-primary);transition:.4s;border-radius:50%}input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-text{font-weight:500;font-size:15px;color:var(--color-text-primary)}.default-settings-info{margin-top:10px;padding-top:10px;border-top:1px dashed var(--color-border);font-size:14px;color:var(--color-text-secondary)}.default-settings-info div{font-weight:500;margin-bottom:5px}.default-settings-info ul{margin:0;padding-left:20px;list-style-type:disc}.default-settings-info li{margin-bottom:3px}.advanced-settings{margin-top:20px;padding:20px;background-color:var(--color-background-dark);border-radius:8px;border:1px solid var(--color-border)}.settings-section-title{font-size:16px;font-weight:600;margin-top:0;margin-bottom:15px;color:var(--color-text-primary)}.help-text{font-size:12px;color:var(--color-text-secondary);margin-top:5px;line-height:1.4}.form-row{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.form-row>.form-group{padding-right:10px;padding-left:10px;flex:1 0 auto;min-width:200px}@media (max-width: 768px){.form-row>.form-group{min-width:100%}}.customer-link,.customer-link:link,.customer-link:visited{color:var(--color-text-primary)!important;text-decoration:none}.customer-link:hover{text-decoration:underline;color:var(--color-primary)!important}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-outline-blue{color:var(--color-primary);border-color:var(--color-primary)}.btn-outline-blue:hover:not(:disabled){background-color:rgba(var(--color-primary-rgb),.1)}.btn-outline-yellow{color:var(--color-warning);border-color:var(--color-warning)}.btn-outline-yellow:hover:not(:disabled){background-color:rgba(var(--color-warning-rgb),.1)}.btn-outline-green{color:var(--color-success);border-color:var(--color-success)}.btn-outline-green:hover:not(:disabled){background-color:rgba(var(--color-success-rgb),.1)}.btn-outline-red{color:var(--color-danger);border-color:var(--color-danger)}.btn-outline-red:hover:not(:disabled){background-color:rgba(var(--color-danger-rgb),.1)}.status-badge.status-cancelled,.status-badge.status-canceled,.subscriptions-table .status-badge.status-cancelled,.subscriptions-table .status-badge.status-canceled,tr .status-badge.status-cancelled,tr .status-badge.status-canceled{background-color:rgba(var(--color-danger-rgb),.15)!important;color:var(--color-danger)!important;border:1px solid rgba(var(--color-danger-rgb),.2)!important}.response-code{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;font-family:Courier New,monospace;border:1px solid transparent}.response-code-success{background:rgba(var(--color-success-rgb),.1);color:var(--color-success);border-color:rgba(var(--color-success-rgb),.2)}.response-code-failed{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger);border-color:rgba(var(--color-danger-rgb),.2)}.response-code-authorized{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.2)}.response-code-pending{background:rgba(var(--color-warning-rgb),.1);color:var(--color-warning);border-color:rgba(var(--color-warning-rgb),.2)}.response-code-voided{background:rgba(var(--color-purple-rgb),.1);color:var(--color-purple);border-color:rgba(var(--color-purple-rgb),.2)}.spinning{animation:spin 1s linear infinite}:root[data-theme=dark] .stat-card{background:#1a1a1b;border-color:#ffffff1a}:root[data-theme=dark] .stat-card:hover{background:#212123;border-color:var(--color-primary)}:root[data-theme=dark] .stat-label{color:#a1a1aa}:root[data-theme=dark] .stat-value{color:#fafafa}:root[data-theme=dark] .filters-container{background:#1a1a1b;border-color:#ffffff1a}:root[data-theme=dark] .bulk-actions-bar{background:#1a1a1b;border-color:#ffffff1a}:root[data-theme=dark] .filter-input{background:transparent;border-color:#ffffff1a;color:#fafafa}:root[data-theme=dark] .filter-input:focus{border-color:var(--color-primary);background:#ffffff05}:root[data-theme=dark] .skeleton{background:#1a1a1b!important}:root[data-theme=dark] .skeleton:after,:root[data-theme=dark] .skeleton:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}:root[data-theme=dark] .skeleton-text,:root[data-theme=dark] .skeleton-value{background:#212123!important}.alert{padding:12px 16px;border-radius:4px;margin-top:8px;font-size:14px;line-height:1.5}.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-warning strong{font-weight:600}.mt-2{margin-top:.5rem}.bulk-edit-progress-container{padding:20px 24px;background:var(--color-background-secondary, #f5f5f5);border-top:1px solid var(--color-border-light, #e5e5e5);border-bottom:1px solid var(--color-border-light, #e5e5e5);margin:0 -24px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label{font-size:14px;color:var(--color-text-secondary);font-weight:500;display:flex;align-items:center;gap:8px}.progress-emoji{font-size:18px;display:inline-flex;animation:emoji-bounce .5s ease}@keyframes emoji-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.progress-counter{font-size:18px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:4px}.counter-current{color:var(--color-primary);transition:all .3s ease}.counter-separator{color:var(--color-text-secondary);font-weight:400}.counter-total{color:var(--color-text-primary)}.progress-bar{width:100%;height:12px;background:var(--color-background-tertiary, #e0e0e0);border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000001a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark, #4a90e2));border-radius:6px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.progress-bar-glow{position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress-glow 1.5s ease-in-out infinite}@keyframes progress-glow{0%{transform:translate(-100px)}to{transform:translate(100px)}}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px;animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:20px 0}}.progress-details{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px}.progress-percentage{font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:2px}.percentage-value{font-size:15px;font-variant-numeric:tabular-nums}.percentage-symbol{font-size:13px;opacity:.8}.progress-status{color:var(--color-text-secondary);display:flex;align-items:center;gap:6px;font-size:13px}.status-emoji{font-size:14px;display:inline-flex}.progress-bar-fill[style*="width: 100%"]{animation:progress-complete .5s ease}@keyframes progress-complete{0%{opacity:1}50%{opacity:.8;transform:scaleX(1.02)}to{opacity:1;transform:scaleX(1)}}:root[data-theme=dark] .bulk-edit-progress-container{background:#1a1a1b;border-top-color:#ffffff1a;border-bottom-color:#ffffff1a}:root[data-theme=dark] .progress-bar{background:#2a2a2b}:root[data-theme=dark] .progress-label{color:#a0a0a0}:root[data-theme=dark] .progress-counter{color:#fafafa}:root[data-theme=dark] .progress-percentage{color:var(--color-primary)}:root[data-theme=dark] .progress-status{color:gray}.counter-current{transition:all .3s cubic-bezier(.4,0,.2,1)}.counter-current:not(:empty){animation:counter-update .3s ease}@keyframes counter-update{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.progress-bar-fill[style*="width: 100%"] .progress-bar-glow{animation:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);width:100%;transform:translate(0)}:root[data-theme=dark] .progress-bar-glow{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.inline-filter-system{margin-bottom:20px;padding:16px 0;border-bottom:1px solid var(--color-border)}.filter-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-search-bar{position:relative;display:flex;align-items:center;min-width:300px;flex:1;max-width:400px;margin-right:16px}.filter-search-bar>svg{position:absolute;left:12px;color:var(--color-text-secondary);pointer-events:none}.filter-search-input{width:100%;padding:8px 36px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.filter-search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-active)}.filter-search-input::placeholder{color:var(--color-text-secondary)}.filter-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.filter-search-clear:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.filter-dropdown{position:relative}.filter-dropdown-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.filter-dropdown-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.filter-dropdown-toggle.active{background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.3);color:var(--color-primary)}.filter-dropdown-toggle svg{opacity:.7}.filter-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:250px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;animation:dropdownOpen .2s ease}.filter-dropdown-menu.wide{min-width:320px}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-content{padding:12px}.filter-option{padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:14px;color:var(--color-text-primary)}.filter-option:hover{background:var(--color-surface-hover)}.filter-option.selected{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);font-weight:500}.filter-multiselect-options{max-height:300px;overflow-y:auto;margin-bottom:12px}.filter-checkbox-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:14px;color:var(--color-text-primary)}.filter-checkbox-option:hover{background:var(--color-surface-hover)}.filter-checkbox-option.disabled{opacity:.5;cursor:not-allowed}.filter-checkbox-option input[type=checkbox]{width:16px;height:16px;cursor:pointer}.filter-checkbox-option .disabled-text{color:var(--color-text-secondary)}.date-range-inputs,.amount-range-inputs{display:flex;gap:12px;margin-bottom:12px}.date-input-group,.amount-input-group{flex:1}.date-input-group label,.amount-input-group label{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:6px;font-weight:500}.date-input-group input,.amount-input-group input{width:100%;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:14px;transition:all .2s ease}.date-input-group input:focus,.amount-input-group input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-active)}.date-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.date-preset-btn{padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.date-preset-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.date-preset-btn:active{background:var(--color-surface-active);transform:translateY(1px)}.filter-text-input{width:100%;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:14px;transition:all .2s ease;margin-bottom:12px}.filter-text-input:focus{outline:none;border-color:#3b82f680;background:#ffffff14}.filter-text-input::placeholder{color:var(--color-text-secondary)}.filter-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--color-border)}.filter-apply-btn,.filter-clear-btn{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.filter-apply-btn{background:var(--color-primary);color:#fff}.filter-apply-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.filter-apply-btn:disabled{opacity:.5;cursor:not-allowed}.filter-clear-btn{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.filter-clear-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.filter-clear-btn:disabled{opacity:.3;cursor:not-allowed}.clear-all-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid rgba(var(--color-danger-rgb),.3);border-radius:8px;color:var(--color-danger);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.clear-all-filters-btn:hover{background:#f443361a;border-color:#f4433680;transform:translateY(-1px)}.clear-all-filters-btn svg{width:14px;height:14px}.filter-multiselect-options::-webkit-scrollbar{width:6px}.filter-multiselect-options::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.filter-multiselect-options::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.filter-multiselect-options::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.filter-controls{flex-direction:column;align-items:stretch}.filter-search-bar{width:100%;max-width:none;margin-right:0;margin-bottom:12px}.filter-dropdown{width:100%}.filter-dropdown-toggle{width:100%;justify-content:space-between}.filter-dropdown-menu{left:0;right:0;width:auto}.clear-all-filters-btn{margin-left:0;margin-top:8px;justify-content:center}}.export-transactions-modal .ant-modal-content{background-color:#1a1a1a;border:1px solid #333}.export-transactions-modal .ant-modal-header{background-color:#1a1a1a;border-bottom:1px solid #333}.export-transactions-modal .ant-modal-title{color:#fff;font-size:18px;font-weight:500}.export-transactions-modal .ant-modal-close{color:#888}.export-transactions-modal .ant-modal-close:hover{color:#fff}.export-transactions-modal .export-content{padding:20px 0}.export-transactions-modal .export-description{color:#888;margin-bottom:24px;font-size:14px}.export-transactions-modal .date-picker-section{display:flex;flex-direction:column;gap:8px}.export-transactions-modal .date-picker-section label{font-weight:500;color:#fff;font-size:14px}.export-transactions-modal .ant-picker{background-color:#2a2a2a;border:1px solid #444;color:#fff}.export-transactions-modal .ant-picker:hover{border-color:#666}.export-transactions-modal .ant-picker-focused{border-color:#1890ff}.export-transactions-modal .ant-picker-input>input{color:#fff}.export-transactions-modal .ant-picker-suffix{color:#888}.export-transactions-modal .ant-picker-clear{background-color:#2a2a2a;color:#888}.export-transactions-modal .export-info{background-color:#2a2a2a;border:1px solid #333;padding:16px;border-radius:8px;font-size:14px}.export-transactions-modal .export-info p{margin:0 0 8px;font-weight:500;color:#fff}.export-transactions-modal .export-info ul{margin:0;padding-left:20px;color:#888}.export-transactions-modal .export-info li{margin:4px 0}.export-transactions-modal .export-button{margin-top:8px;height:40px;font-size:16px;background-color:#1890ff;border-color:#1890ff;color:#fff}.export-transactions-modal .export-button:hover{background-color:#40a9ff;border-color:#40a9ff;color:#fff}.export-transactions-modal .export-button:disabled{background-color:#333;border-color:#333;color:#666}.status-badge.status-trialing{background-color:#9333ea33;color:var(--color-info);border:1px solid rgba(168,85,247,.5)}.newsubscription-form-container{background-color:var(--color-background);border:none;padding:24px}.newsubscription-section{margin-bottom:24px}.newsubscription-label{display:block;margin-bottom:8px;color:var(--color-text-secondary);font-size:14px;font-weight:500}.newsubscription-input,.newsubscription-select{width:100%;padding:12px 16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem;transition:all .2s ease;height:48px}.newsubscription-select{padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath fill='%23999' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:10px 6px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.newsubscription-input:hover,.newsubscription-select:hover{border-color:var(--color-primary)}.newsubscription-input:focus,.newsubscription-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 1px #3b82f6}.newsubscription-form-row{display:flex;gap:24px;margin-bottom:24px}.newsubscription-form-col{flex:1}.newsubscription-help-text{font-size:12px;color:var(--color-text-secondary);margin-top:4px;font-style:italic}.newsubscription-customer-search{position:relative}.newsubscription-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.newsubscription-clear-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);cursor:pointer}.newsubscription-search-input{width:100%;padding:12px 16px 12px 40px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem;height:48px}.newsubscription-search-results{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px;z-index:10}.newsubscription-search-result{padding:10px 16px;cursor:pointer;color:var(--color-text-primary)}.newsubscription-search-result:hover{background-color:var(--color-surface-hover)}.newsubscription-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.newsubscription-cancel-btn{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:8px;padding:12px 24px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.newsubscription-cancel-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.newsubscription-submit-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.newsubscription-submit-btn:hover{background-color:var(--color-primary-hover)}.newsubscription-submit-btn:disabled{opacity:.5;cursor:not-allowed}.newsubscription-toggle-group{background-color:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);padding:16px 16px 16px 0;margin-bottom:24px}.newsubscription-toggle-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:8px}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px;margin-right:12px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-surface-hover);transition:.4s;border-radius:22px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--color-primary)}input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-text{font-size:14px;color:var(--color-text-primary);padding-left:2px;padding-bottom:1px}.newsubscription-settings-info{margin-top:10px;padding-top:10px;border-top:1px dashed #27272a;font-size:14px;color:var(--color-text-secondary);padding-left:16px}.newsubscription-settings-info div{font-weight:500;margin-bottom:5px}.newsubscription-settings-info ul{margin:0;padding-left:20px;list-style-type:disc}.newsubscription-settings-info li{margin-bottom:3px}.newsubscription-advanced-settings{background-color:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);padding:20px;margin-bottom:24px}.newsubscription-section-title{font-size:16px;font-weight:600;margin-top:0;margin-bottom:15px;color:var(--color-text-primary)}.create-customer-container{padding:24px;background-color:#0a0a0b;color:#fafafa;min-height:100vh}.create-customer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.create-customer-header h1{margin:0;font-size:24px;font-weight:600}.create-customer-form{max-width:1200px;margin:0 auto}.form-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:24px;margin-bottom:24px}.form-section h2{font-size:18px;font-weight:500;margin:0 0 20px;color:#fafafa}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;color:var(--color-text-secondary)}.dark-input{background:#2a2a2a;border:1px solid #333;border-radius:4px;color:#fff;padding:8px 12px;font-size:14px;transition:border-color .2s}.dark-input:focus{border-color:#666;outline:none}.dark-input::placeholder{color:#666}textarea.dark-input{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary{background:#06c;color:#fff}.btn-primary:hover{background:#0052a3}.btn-secondary{background:#2a2a2a;color:#fff;border:1px solid #333}.btn-secondary:hover{background:#333}.btn:disabled{opacity:.6;cursor:not-allowed}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #3f3f46;border-radius:4px;background-color:transparent;cursor:pointer;position:relative;transition:all .2s ease}input[type=checkbox]:hover{border-color:#6b7280}input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.create-customer-container,.form-section{padding:16px}}.transactions-page .transactions-container{padding:20px;max-width:100%;margin:0 auto}.transactions-page .transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.transactions-page .transactions-header h1{margin:0;font-size:24px;font-weight:600}.transactions-page .header-actions{display:flex;gap:10px}.transactions-page .stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;grid-template-rows:repeat(1,1fr)!important}.transactions-page .stat-card{background:transparent;border:1px solid var(--color-border);border-radius:8px;padding:20px 20px 45px;text-align:left;transition:all .2s ease}.transactions-page .stat-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.transactions-page .stat-label{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:8px}.transactions-page .stat-value{font-size:2.2rem;font-weight:600;color:var(--color-text-primary)}.transactions-page .stat-succeeded{color:var(--color-success)}.transactions-page .stat-failed{color:var(--color-error)}.transactions-page .stat-pending{color:var(--color-warning)}.transactions-page .stat-refunded{color:var(--color-purple)}.transactions-page .stat-initial{color:var(--color-info)}.transactions-page .stat-recurring{color:var(--color-success)}.transactions-page .stat-retry{color:var(--color-warning)}.transactions-page .stat-ratio{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;font-size:.85rem}@media (max-width: 768px){.transactions-page .stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.transactions-page .stat-card{padding:15px 15px 35px}.transactions-page .stat-value{font-size:1.8rem}.transactions-page .stat-ratio{flex-direction:column;align-items:flex-start;gap:4px}.transactions-page .transactions-table{font-size:.9rem}.transactions-page .transactions-table th,.transactions-page .transactions-table td{padding:8px 6px}.transactions-page .failed-reason{font-size:.8rem}.transactions-page .quick-filter-buttons{padding:15px;gap:15px}.transactions-page .status-filter-buttons,.transactions-page .failed-reason-filters{gap:8px}.transactions-page .quick-filter-btn{padding:6px 12px;font-size:.8rem}.transactions-page .date-range-picker-container{min-width:320px;max-width:90vw;margin:20px}.transactions-page .stats-container{grid-template-columns:1fr;gap:15px}}.transactions-page .ratio-label{color:var(--color-text-secondary);font-weight:500}.transactions-page .ratio-value{color:var(--color-success);font-weight:600;font-size:1rem}.transactions-page .failed-reason{color:var(--color-error);font-size:.9rem;font-weight:500;white-space:normal;word-wrap:break-word;line-height:1.4}.transactions-page .text-muted{color:var(--color-text-tertiary);font-style:italic}.transactions-page .customer-name{font-weight:600;color:var(--color-text-primary);font-size:1rem;margin-bottom:4px}.transactions-page .customer-email{color:var(--color-text-secondary);font-size:.92rem}.transactions-page .quick-filter-buttons{background:transparent;border:1px solid var(--color-border);border-radius:12px;padding:20px;margin-bottom:30px;display:flex;flex-direction:column;gap:20px}.transactions-page .quick-filter-section{display:flex;flex-direction:column;gap:12px}.transactions-page .quick-filter-section-row{display:flex;gap:30px;align-items:flex-start}.transactions-page .quick-filter-section-row .quick-filter-section{flex:1}.transactions-page .status-filter-buttons,.transactions-page .failed-reason-filters,.transactions-page .date-filter-controls{justify-content:flex-start;align-items:center}.transactions-page .status-filter-dropdowns{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;align-items:end}.transactions-page .status-filter-dropdowns .filter-item label{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:6px}.transactions-page .status-filter-dropdowns .filter-input{width:100%;height:34px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-primary);padding:0 10px}.transactions-page .quick-filter-table-system{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:0;background:transparent;border:none}.transactions-page .quick-filter-table-system .xecom-active-filters-area{gap:8px;flex:1}.transactions-page .quick-filter-table-system .xecom-filter-pill-container{background-color:var(--color-surface);border:1px solid var(--color-border);padding:6px 8px 6px 10px;max-height:32px;font-size:.85rem}.transactions-page .quick-filter-table-system .xecom-filter-pill-container:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.transactions-page .quick-filter-table-system .xecom-add-filter-btn{background-color:transparent;border:1px solid var(--color-border);color:var(--color-primary);padding:6px 12px;font-size:.85rem;height:32px}.transactions-page .quick-filter-table-system .xecom-add-filter-btn:hover{background-color:var(--color-primary-bg);border-color:var(--color-primary)}.transactions-page .quick-filter-table-system .xecom-clear-all-filters-btn{background-color:transparent;border:1px solid var(--color-error);color:var(--color-error);padding:6px 12px;font-size:.85rem;height:32px;margin-top:0}.transactions-page .quick-filter-table-system .xecom-clear-all-filters-btn:hover{background-color:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.transactions-page .quick-filter-section h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 12px}.transactions-page .status-filter-buttons,.transactions-page .failed-reason-filters{display:flex;flex-wrap:wrap;gap:8px}.transactions-page .quick-filter-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:158px;display:flex;align-items:center;justify-content:center}.transactions-page .quick-filter-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.transactions-page .quick-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-primary)}.transactions-page .date-filter-controls{display:flex;gap:10px;align-items:center}.transactions-page .date-range-btn{background:transparent;border:1px solid var(--color-border)!important;color:var(--color-text-secondary);padding:10px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;width:185px;justify-content:center}.transactions-page .date-range-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.transactions-page .clear-date-btn{background:transparent;border:1px solid var(--color-error);color:var(--color-error);padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;width:157px;justify-content:center}.transactions-page .clear-date-btn:hover{background:var(--color-error);color:var(--color-text-primary)}.transactions-page .date-range-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center}.transactions-page .date-range-picker-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;min-width:400px;max-width:500px}.transactions-page .date-range-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.transactions-page .date-range-picker-header h5{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.transactions-page .close-date-picker{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.transactions-page .close-date-picker:hover{color:var(--color-text-primary)}.transactions-page .date-range-picker-content{display:flex;flex-direction:column;gap:16px}.transactions-page .date-input-group{display:flex;flex-direction:column;gap:6px}.transactions-page .date-input-group label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.transactions-page .date-input{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);padding:10px 12px;border-radius:6px;font-size:.9rem;width:100%}.transactions-page .date-input:focus{outline:none;border-color:var(--color-primary)}.transactions-page .date-range-actions{display:flex;justify-content:flex-end;margin-top:8px}.transactions-page .apply-date-range-btn{background:var(--color-primary);border:none;color:var(--color-text-primary);padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.transactions-page .apply-date-range-btn:hover{background:var(--color-primary)}.filters-container{background:transparent;border:1px solid var(--color-border);border-radius:12px;padding:20px;margin-bottom:30px}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filters-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;color:var(--color-text-primary);margin:0}.filters-actions{display:flex;gap:12px}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.btn-link:hover{color:#60a5fa}.btn-link:disabled{color:#6b7280;cursor:not-allowed;text-decoration:none}.quick-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.filter-item{flex:1;min-width:200px}.filter-item label{display:block;color:var(--color-text-secondary);font-size:.875rem;margin-bottom:6px}.filter-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-primary);font-size:.9rem}.filter-input:focus{outline:none;border-color:var(--color-primary)}.date-range-selector,.amount-range{display:flex;align-items:center;gap:8px}.date-separator,.amount-separator{color:var(--color-text-secondary);font-size:.875rem}.advanced-filters{display:flex;flex-wrap:wrap;gap:16px;padding-top:16px;border-top:1px solid #444;margin-bottom:16px}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.filter-tag{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;font-size:.875rem;color:var(--color-text-primary)}.filter-tag-remove{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:4px}.filter-tag-remove:hover{color:#ef4444}@media (max-width: 768px){.quick-filters,.advanced-filters{flex-direction:column}.filter-item{width:100%}}.transactions-page .table-wrapper{width:100%;overflow-x:hidden;position:relative;border-radius:8px;box-shadow:0 4px 6px #0003;margin-bottom:20px}.transactions-page .transactions-table-container,.transactions-page .subscriptions-table-container,.transactions-page .customers-table-container,.transactions-page .retry-table-container{width:100%}.transactions-page .transactions-table,.transactions-page .subscriptions-table,.transactions-page .customers-table,.transactions-page .retry-table{width:100%;border-collapse:collapse;table-layout:fixed}.transactions-page .transactions-table th{background:transparent;padding:12px 16px;text-align:left;font-weight:500;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;word-wrap:break-word;overflow-wrap:break-word}.transactions-page .transactions-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);word-wrap:break-word;overflow-wrap:break-word}.transactions-page .transactions-table th:nth-child(1),.transactions-page .transactions-table td:nth-child(1){width:25%}.transactions-page .transactions-table th:nth-child(2),.transactions-page .transactions-table td:nth-child(2){width:12%}.transactions-page .transactions-table th:nth-child(3),.transactions-page .transactions-table td:nth-child(3){width:20%}.transactions-page .transactions-table th:nth-child(4),.transactions-page .transactions-table td:nth-child(4){width:18%}.transactions-page .transactions-table th:nth-child(5),.transactions-page .transactions-table td:nth-child(5){width:25%}.transactions-page .sort-header{display:flex;align-items:center;gap:8px}.transactions-page .sort-icon{color:#666;font-size:.8rem}.transactions-page .clickable-row{cursor:pointer;transition:background-color .2s}.transactions-page .clickable-row:hover{background:var(--color-surface)}.transactions-page .status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:capitalize}.transactions-page .status-succeeded{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.transactions-page .status-failed{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.2)}.transactions-page .status-pending{background:#ff98001a;color:#ff9800;border:1px solid rgba(255,152,0,.2)}.transactions-page .status-refunded{background:#fb923c1a;color:#f59e0b;border:1px solid rgba(251,146,60,.2);display:inline-flex;align-items:center;gap:4px}.transactions-page .status-refunded svg{flex-shrink:0}.transactions-page .status-authorized{background:#2196f31a;color:#2196f3;border:1px solid rgba(33,150,243,.2)}.transactions-page .status-default{background:#9e9e9e1a;color:#9e9e9e;border:1px solid rgba(158,158,158,.2)}.transactions-page .source-link{text-decoration:none;padding:4px 8px;border-radius:4px;font-size:.9rem}.transactions-page .source-link.shopify{background:#96588a1a;color:#96588a;border:1px solid rgba(150,88,138,.2)}.transactions-page .source-link.subscription{background:#2196f31a;color:#2196f3;border:1px solid rgba(33,150,243,.2)}.transactions-page .loading-container{display:flex;justify-content:center;align-items:center;padding:40px}.transactions-page .empty-state{text-align:center;padding:40px;color:var(--color-text-secondary)}.transactions-page .error-message{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.2);border-radius:8px;padding:16px;margin-bottom:20px}.transactions-page .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:transparent;border-top:1px solid #27272a;margin-top:-1px;border-radius:0}.transactions-page .pagination-info{color:var(--color-text-secondary);font-size:.9rem;position:relative}.transactions-page .pagination-info .emphasis{color:var(--color-text-primary);font-weight:500}.transactions-page .pagination-info .emphasis.clickable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.items-per-page-selector{cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.items-per-page-selector:hover .emphasis.clickable{color:var(--color-primary)}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#3b82f61a;border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page{padding:0 12px;color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.transaction-detail-container{padding:24px;background-color:transparent;color:var(--color-text-primary)}.transaction-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #27272a}.transaction-detail-header h1{font-size:1.5rem;font-weight:600}.transaction-detail-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.detail-card{background-color:transparent;border:1px solid var(--color-border);border-radius:8px;padding:20px}.detail-card h2{font-size:1.125rem;font-weight:600;margin-bottom:16px;color:var(--color-text-primary);border-bottom:1px solid #27272a;padding-bottom:8px}.detail-item{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.875rem}.detail-item-label{color:var(--color-text-secondary);margin-right:8px;white-space:nowrap}.detail-item-value{color:var(--color-text-primary);text-align:right;word-break:break-all}.detail-item-value a{color:var(--color-primary);text-decoration:none}.detail-item-value a:hover{text-decoration:underline}.raw-data-container{margin-top:16px;background-color:transparent;border:1px solid var(--color-border);border-radius:4px;padding:12px;max-height:300px;overflow:auto}.raw-data-container pre{margin:0;font-family:monospace;font-size:.8rem;color:transparent;white-space:pre-wrap;word-wrap:break-word;background-color:transparent}.message-container{display:flex;justify-content:center;align-items:center;padding:48px;text-align:center;color:var(--color-text-secondary)}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:24px}.preserved-state-indicator{display:inline-flex;align-items:center;gap:4px;background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2);border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:500;margin-right:12px;opacity:.8;transition:all .2s;white-space:nowrap;max-width:140px}.preserved-state-indicator:hover{opacity:1;background:#22c55e26}.transactions-table .no-data-row td{text-align:center!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.transactions-table td{padding:12px 16px;color:var(--color-text-primary);background-color:transparent;font-size:.875rem;border-bottom:1px solid #27272a;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transactions-table th{padding:12px 16px;text-align:left;font-weight:500;color:var(--color-text-secondary);font-size:.875rem;background-color:transparent;border-bottom:1px solid #27272a;white-space:nowrap}.table-scroll-wrapper .transactions-table-container{margin-top:0;border:none;border-radius:0;overflow:visible}.filter-builder-container{padding:20px;margin-bottom:25px;border:1px solid var(--color-border);border-radius:8px}.active-filters-area{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-height:40px}.filter-pill{display:inline-flex;align-items:center;background:#2b2b2b;border:1px solid #404040;color:#d4d4d4;border-radius:6px;padding:6px 12px;font-size:13px;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,color .2s ease;box-shadow:0 1px 2px #0000001a;cursor:pointer}.filter-pill:hover{background-color:#ef4444cc;border-color:#f87171b3;color:#fff}.filter-pill-icon{display:inline-flex;align-items:center;margin-right:6px;color:var(--color-text-secondary);transition:color .2s ease}.filter-pill-label{color:#999;margin-right:4px;transition:color .2s ease}.filter-pill-value{font-weight:500;color:#e0e0e0;margin-right:0;transition:color .2s ease}.filter-pill:hover .filter-pill-icon,.filter-pill:hover .filter-pill-label,.filter-pill:hover .filter-pill-value{color:#fff}.add-filter-wrapper{position:relative;display:inline-block}.add-filter-btn{display:inline-flex;align-items:center;gap:6px;background:#3b82f61a;color:var(--color-primary);padding:8px 14px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.add-filter-btn:hover{border-color:#2563eb;background:#3b82f633;color:#60a5fa}.filter-builder-popover{position:absolute;top:calc(100% + 8px);left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 5px 15px #0000004d;z-index:100;width:300px;overflow:hidden}.filter-field-selector h4,.popover-header h4{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0}.filter-field-selector{padding:15px;position:relative}.filter-field-selector h4{margin-bottom:15px}.filter-field-selector ul{list-style:none;padding:0;margin:0}.filter-field-selector li{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 -15px;cursor:pointer;border-radius:4px;color:var(--color-text-secondary);font-size:14px}.filter-field-selector li:hover{background:var(--color-primary);color:#fff}.filter-field-selector li svg{flex-shrink:0}.close-popover{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--color-text-secondary);padding:5px;cursor:pointer;border-radius:50%}.close-popover:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.popover-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#333;border-bottom:1px solid #444}.back-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:13px;padding:5px}.back-btn:hover{color:var(--color-text-primary)}.filter-value-input .filter-input{width:calc(100% - 30px);margin:15px 15px 0;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;background:#1e1e1e;color:var(--color-text-primary);font-size:14px}.filter-value-input .date-range-inputs,.filter-value-input .amount-range-inputs{display:flex;gap:8px;align-items:center;padding:15px 15px 0}.filter-value-input .date-range-inputs .filter-input,.filter-value-input .amount-range-inputs .filter-input{width:100%;margin:0}.filter-value-input .date-range-inputs span,.filter-value-input .amount-range-inputs span{color:var(--color-text-secondary);font-size:13px}.apply-filter-btn{display:block;width:calc(100% - 30px);margin:15px;padding:10px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.apply-filter-btn:hover{background:var(--color-primary)}.clear-all-filters-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#ef4444;font-size:13px;cursor:pointer;margin-top:15px;padding:5px;transition:color .2s ease}.clear-all-filters-btn:hover{color:#f87171}.stats-container{margin-top:20px}.btn.back-style{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;border:1px solid var(--color-border);border-radius:8px;color:#e5e7eb;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn.back-style:hover{background-color:#ffffff0d;border-color:#666}.btn.back-style.primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn.back-style.primary:hover{background-color:#2563eb;border-color:#2563eb}.btn.back-style.primary:disabled{background-color:var(--color-primary);opacity:.5}.modal-overlay-export{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container-export{width:100%;max-width:550px;max-height:90vh;overflow-y:auto;background-color:#1e1e1e;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d;border:1px solid var(--color-border)}.modal-content-export{padding:0}.modal-header-export{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal-title-export{display:flex;align-items:center;gap:12px}.modal-icon-export{background-color:#3b82f61a;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-icon-export svg{color:var(--color-primary)}.modal-header-export h2{margin:0;font-size:18px;font-weight:600;color:#e5e7eb}.close-btn-export{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;transition:background-color .2s ease,color .2s ease}.close-btn-export:hover{background-color:#4b556333;color:#e5e7eb}.modal-section-export{padding:20px 24px;border-bottom:1px solid var(--color-border)}.section-title-export{font-size:16px;font-weight:600;color:#e5e7eb;margin-bottom:16px}.export-options{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.export-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 16px;border-radius:6px;border:1px solid var(--color-border);transition:border-color .2s ease,background-color .2s ease}.export-option:hover{background-color:#3b82f60d;border-color:#3b82f64d}.export-option input[type=radio]{margin:0}.export-option span{font-size:14px;color:#e5e7eb}.custom-date-range{display:flex;gap:16px;margin-top:16px}.modal-actions-export{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px}.header-actions .btn.back-style{height:36px}.btn.back-style .spinner-sm{width:16px;height:16px;border-width:2px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--color-surface-active) 50%,transparent 100%);animation:shimmer 1.5s infinite;transform:translate(-100%)}.skeleton-text{height:15px;background-color:var(--color-surface-hover);border-radius:4px;margin:8px 0}.skeleton-value{height:24px;background-color:var(--color-surface-hover);border-radius:4px;margin-top:8px}.skeleton-ratio{height:20px;background-color:var(--color-surface-hover);border-radius:4px;margin-top:8px}.skeleton-badge{height:20px;width:70px;background-color:var(--color-surface-hover);border-radius:12px}.skeleton-checkbox{height:16px;width:16px;background-color:var(--color-surface-hover);border-radius:4px;margin:0 auto}.skeleton-button{height:28px;width:80px;background-color:var(--color-surface-hover);border-radius:4px}.pagination-limit-selector{position:relative;margin-left:15px}.pagination-limit-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:.9rem;border-radius:4px;background-color:#2a2a2a;border:1px solid var(--color-border);color:#f0f0f0;cursor:pointer;transition:all .2s}.pagination-limit-btn:hover{background-color:#333}.pagination-limit-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1f1f1f;border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px #0003;z-index:20;min-width:140px;overflow:hidden}.pagination-limit-option{padding:8px 12px;cursor:pointer;transition:background .2s;color:#f0f0f0;font-size:.9rem}.pagination-limit-option:hover{background-color:#333}.pagination-limit-option.active{background-color:#2d2d2d;font-weight:700;color:var(--color-primary)}.transactions-table th,.transactions-table td{padding:12px 15px;text-align:left}.skeleton-row td{height:40px}.response-code{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:500;text-align:center;min-width:40px}.response-code-success{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.response-code-failed{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.4)}.cycle-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:capitalize}.cycle-direct-sale{background:#96588a1a;color:#96588a;border:1px solid rgba(150,88,138,.2)}.cycle-initial,.cycle-recurring{background:#2196f31a;color:#2196f3;border:1px solid rgba(33,150,243,.2)}.cycle-unknown{background:#9e9e9e1a;color:#9e9e9e;border:1px solid rgba(158,158,158,.2)}.transactions-container button{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid #444}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface)}.btn-sm{padding:6px 12px;font-size:.9rem}button:disabled{opacity:.5;cursor:not-allowed}.error-type{display:block;color:var(--color-error)}.transactions-table tr.selected{background-color:#4361ee1a}.retry-config-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.retry-config-modal-content{background-color:#1a1a1a;border-radius:8px;padding:24px;width:100%;max-width:500px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 30px #00000080}.retry-config-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.retry-config-modal-header h2{font-size:1.5rem;margin:0;color:var(--color-text-primary)}.retry-config-modal-close{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer}.retry-config-form{display:flex;flex-direction:column;gap:16px}.retry-config-form-group{display:flex;flex-direction:column;gap:8px}.retry-config-form-group label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.retry-config-form-group input,.retry-config-form-group select{padding:10px;border:1px solid rgba(255,255,255,.1);background-color:#ffffff0d;color:var(--color-text-primary);border-radius:6px;font-size:14px;transition:all .2s ease}.retry-config-form-group input:focus,.retry-config-form-group select:focus{border-color:#fff3;box-shadow:0 0 0 2px #6366f133;outline:none}.retry-config-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.retry-container{padding:2rem;color:var(--color-text-primary)}.retry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.retry-header h1{font-size:1.8rem;margin:0;color:var(--color-text-primary)}.retry-actions{display:flex;gap:10px}.retry-config-button,.retry-button,.retry-all-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.retry-config-button{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid #444}.retry-config-button:hover{background-color:var(--color-surface)}.retry-button{background-color:var(--color-primary);color:#fff}.retry-button:hover{background-color:var(--color-primary-hover)}.retry-button:disabled{background-color:var(--color-primary-active);color:var(--color-text-secondary);cursor:not-allowed}.retry-all-button{background-color:var(--color-surface-hover);color:#fff}.retry-all-button:hover{background-color:var(--color-surface-active)}.retry-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:2rem}.stat-card{background-color:transparent;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0003;color:var(--color-text-primary)}.stat-title{font-size:.9rem;color:#999;margin-bottom:.5rem}.stat-value{font-size:1.8rem;font-weight:600;color:var(--color-text-primary)}.retry-tools{display:flex;justify-content:space-between;margin-bottom:1rem}.search-box{display:flex;align-items:center;width:50%;max-width:500px}.search-box input{flex:1;padding:10px 15px;border:1px solid #444;background-color:var(--color-surface);color:var(--color-text-primary);border-radius:4px 0 0 4px;font-size:14px}.search-box button{padding:10px 15px;background-color:var(--color-primary);color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer}.filter-toggle{display:flex;align-items:center;gap:6px;padding:10px 15px;background-color:var(--color-background);border:1px solid #444;color:var(--color-text-primary);border-radius:4px;cursor:pointer}.filter-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;background-color:var(--color-background);padding:1.5rem;border-radius:4px;margin-bottom:1.5rem;border:1px solid #333}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.filter-group select{padding:8px 10px;border:1px solid #444;background-color:var(--color-surface);color:var(--color-text-primary);border-radius:4px;font-size:14px}.clear-filters{padding:10px 15px;background-color:var(--color-error-bg);color:var(--color-error);border:1px solid #553333;border-radius:4px;cursor:pointer;align-self:flex-end;font-weight:500}.clear-filters:hover{background-color:var(--color-error-bg)}.retry-table-container{background-color:#1a1a1a;border:1px solid #333;width:100%}.retry-table th,.retry-table td{white-space:nowrap;min-width:100px}.retry-table .empty-cell,.retry-table .loading-cell{min-width:300px}.retry-table{width:100%;border-collapse:collapse}.retry-table th{padding:1rem;background-color:var(--color-background);border-bottom:1px solid #333;font-weight:600;text-align:left;color:var(--color-text-secondary)}.retry-table th.sortable{cursor:pointer}.retry-table th .th-content{display:flex;align-items:center;gap:6px}.retry-table td{padding:1rem;border-bottom:1px solid #333;color:var(--color-text-primary)}.retry-table tr:last-child td{border-bottom:none}.retry-table tr.selected{background-color:var(--color-surface-hover)}.retry-table tr:hover{background-color:var(--color-background)}.amount-cell{text-align:right;font-weight:500}.error-cell{max-width:300px;text-align:left!important}.error-details{display:block;font-size:12px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-cell .error-container{padding:0;align-items:baseline}.retry-single-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;background-color:var(--color-primary);color:#fff;border:none;cursor:pointer;font-size:13px}.retry-single-button:hover{background-color:var(--color-primary-hover)}.retry-single-button:disabled{background-color:var(--color-primary-active);color:var(--color-text-secondary);cursor:not-allowed}.loading-cell{text-align:center;padding:4rem!important;color:var(--color-text-secondary)}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid rgba(67,97,238,.3);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite;margin-right:10px}.loading-dot{display:inline-block;width:8px;height:8px;background-color:#fff;border-radius:50%;animation:pulse 1s infinite;margin-right:6px}.empty-cell{text-align:center;padding:3rem!important;color:var(--color-text-secondary)}.retry-pagination{display:flex;justify-content:center;align-items:center;gap:20px}.retry-pagination button{padding:8px 16px;background-color:var(--color-background);border:1px solid #444;color:var(--color-text-primary);border-radius:4px;cursor:pointer;font-weight:500}.retry-pagination button:hover:not(:disabled){background-color:var(--color-surface)}.retry-pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:var(--color-text-secondary)}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.btn.back-style{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffe6;border-radius:6px;transition:all .2s ease;height:38px;display:flex;align-items:center;padding:0 16px}.btn.back-style:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff80}.btn.back-style.primary{background:#4361ee1a;border-color:#4361ee80;color:var(--color-text-primary)}.btn.back-style.primary:hover:not(:disabled){background:#4361ee33;border-color:#4361eeb3}.btn.back-style:disabled{opacity:.5;cursor:not-allowed}.retry-config-form-actions button{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffe6;border-radius:6px;transition:all .2s ease;height:38px;display:flex;align-items:center;padding:0 16px;justify-content:center}.retry-config-form-actions button:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff80}.retry-config-form-actions button:last-child{background:#4361ee1a;border-color:#4361ee80;color:var(--color-text-primary)}.retry-config-form-actions button:last-child:hover:not(:disabled){background:#4361ee33;border-color:#4361eeb3}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#28282800,#3c3c3c80,#28282800);animation:shimmer 1.5s infinite;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-text{height:15px;background-color:var(--color-surface);border-radius:4px;margin:8px 0}.skeleton-value{height:24px;background-color:var(--color-surface);border-radius:4px;margin-top:8px}.skeleton-badge{height:20px;width:70px;background-color:var(--color-surface);border-radius:12px}.skeleton-checkbox{height:16px;width:16px;background-color:var(--color-surface);border-radius:4px;margin:0 auto}.skeleton-button{height:28px;width:80px;background-color:var(--color-surface);border-radius:4px}.skeleton-row td{padding:16px 12px;border-bottom:1px solid #2c2c2c}.transactions-date-bar{margin-bottom:20px}.time-controls{background-color:var(--color-surface);border-radius:.5rem;padding:.125rem;display:flex;align-items:center;box-shadow:0 1px 2px #0000000d}.time-controls>div{display:flex;gap:.25rem}.time-control-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.375rem;transition:all .2s;border:none;cursor:pointer;background:none;color:var(--color-text-secondary)}.time-control-btn:not(.active):hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.time-control-btn.active{background-color:var(--color-surface-active);color:var(--color-text-primary);border:1px solid var(--color-border)}.time-control-btn:disabled{opacity:.5;cursor:not-allowed}.time-control-btn:last-child{margin-left:.25rem}.time-control-btn.calendar-btn{margin-left:.25rem;padding:.375rem;background-color:var(--color-surface);border:1px solid var(--color-border)}.time-control-btn.calendar-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.time-control-btn.calendar-btn .icon-calendar{width:16px;height:16px}.date-picker-container{position:absolute;top:100%;right:0;margin-top:.5rem;z-index:1000}@media (max-width: 768px){.transactions-container .time-controls>div{flex-wrap:wrap}.transactions-container .time-control-btn{font-size:.7rem;padding:.25rem .5rem}}.modal-overlay-retry-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:flex-start;justify-content:flex-end;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.retry-modal-retry-modal{position:fixed;top:0;right:0;bottom:0;width:550px;background-color:#1a1c23;border-radius:12px;max-width:650px;width:90%;color:#fff;box-shadow:0 10px 30px #0006;overflow:hidden;transition:transform .3s ease-in-out;z-index:1000;overflow-y:auto;border-left:1px solid rgba(255,255,255,.08);transform:translate(100%);animation:slide-in-retry-modal .3s forwards}@keyframes slide-in-retry-modal{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-content-retry-modal{height:100%;padding:0;display:flex;flex-direction:column}.modal-header-retry-modal{display:flex;justify-content:space-between;align-items:center;padding:24px 36px;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.retry-info-retry-modal{display:flex;align-items:center;gap:18px}.retry-icon-retry-modal{width:44px;height:44px;border-radius:10px;padding:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 8px #0003;color:#6366f1;display:flex;align-items:center;justify-content:center}.retry-info-retry-modal h2{margin:0;font-size:26px;font-weight:600;color:#fff;letter-spacing:-.5px}.close-btn-retry-modal{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e4e6eb;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;width:32px;height:32px;position:absolute;top:20px;right:20px;z-index:10}.close-btn-retry-modal svg{width:18px;height:18px;color:#fff}.close-btn-retry-modal:hover{background:#ffffff26;color:#fff}.section-container-retry-modal{margin:30px 36px;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px}.section-title-retry-modal{font-size:20px;font-weight:600;margin-bottom:12px;color:#fff;display:flex;align-items:center;gap:10px}.section-description-retry-modal{font-size:14px;color:#a0a4b0;margin-bottom:24px;line-height:1.6}.form-group-retry-modal{margin-bottom:24px}.form-group-retry-modal:last-child{margin-bottom:0}.form-group-retry-modal label{display:block;margin-bottom:10px;color:#c5c9d6;font-size:14px;font-weight:500}.form-group-retry-modal input[type=text],.form-group-retry-modal input[type=number],.form-group-retry-modal select{height:46px;padding:12px 14px;box-sizing:border-box;width:100%;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0003;color:#fff;font-size:15px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a inset;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group-retry-modal input[type=text]:focus,.form-group-retry-modal input[type=number]:focus,.form-group-retry-modal select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126;background:#0000004d}.form-help-retry-modal{margin-top:8px;font-size:13px;color:#8a8d98;line-height:1.5}.schedule-item-retry-modal{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:20px;margin-bottom:20px}.schedule-header-retry-modal{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.schedule-header-retry-modal h4{margin:0;font-size:16px;font-weight:600;color:#e4e6eb}.icon-button-retry-modal{background:#ff00000d;border:1px solid rgba(255,0,0,.15);color:#ff6b6b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-button-retry-modal:hover{background:#ff00001a;color:#f44}.icon-button-retry-modal:disabled{opacity:.3;cursor:not-allowed}.retry-config-row-retry-modal{display:flex;gap:16px;align-items:flex-start}.retry-config-column-retry-modal{flex:1}.add-schedule-button-retry-modal{width:100%;padding:14px;background:#6366f11a;border:1px dashed rgba(99,102,241,.3);color:#6366f1;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;margin-top:24px}.add-schedule-button-retry-modal:hover{background:#6366f126;border-color:#6366f166}.modal-actions-retry-modal{display:flex;justify-content:space-between;align-items:center;margin-top:60px;padding:20px 36px 36px;gap:20px;background:#0f1117f2;border-top:1px solid rgba(255,255,255,.05)}.done-btn-retry-modal{padding:12px 24px;background:#6366f1;border:1px solid rgba(99,102,241,.4);color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;margin:0 auto;display:block}.done-btn-retry-modal:hover{background:#5154d1;box-shadow:0 4px 12px #5356d166}.display-value-retry-modal{font-size:15px;color:#e4e6eb;font-weight:500;background:#0000004d;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:8px}.display-value-retry-modal svg{margin-right:6px;color:#6366f1}@media (max-width: 600px){.retry-modal-retry-modal{width:100%}.retry-config-row-retry-modal{flex-direction:column;gap:12px}.modal-content-retry-modal{padding-bottom:80px}.section-container-retry-modal{margin:20px;padding:16px}.modal-actions-retry-modal{position:fixed;bottom:0;left:0;right:0;padding:16px;margin-top:0;background:#0f1117fa;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -2px 10px #0003}.section-container-retry-modal:last-of-type{margin-bottom:80px}.cancel-btn-retry-modal,.save-btn-retry-modal{flex:1}}.retry-table-container-retry-modal{margin-top:20px;border-radius:10px;overflow:hidden;background:#0003}.retry-table-retry-modal{width:100%;border-collapse:collapse;text-align:left;color:#e4e6eb;font-size:14px}.retry-table-retry-modal th{background:#0006;padding:16px;font-weight:500;color:#a0a4b0;text-transform:uppercase;font-size:12px;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.08)}.retry-table-retry-modal td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05)}.retry-table-retry-modal tr:last-child td{border-bottom:none}.retry-table-retry-modal tr:hover td{background:#ffffff08}.add-new-attempt-container-retry-modal{margin-top:20px;display:flex;justify-content:center}.retry-schedule-editor-retry-modal{margin-top:24px;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:24px}.retry-schedule-editor-retry-modal h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#fff}.rule-row-retry-modal{cursor:pointer;transition:background-color .2s}.rule-row-retry-modal:hover{background-color:#ffffff0d}.empty-state-retry-modal{padding:30px;text-align:center;color:#a0a4b0}.form-actions-retry-modal{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:16px;border-top:1px solid rgba(255,255,255,.05);padding-top:20px;flex-wrap:wrap}.right-actions-retry-modal{display:flex;gap:12px}.remove-schedule-btn-retry-modal{background:#ff4c4c1a;color:#ff4c4c;border:1px solid rgba(255,76,76,.2);padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s;flex-shrink:0}.remove-schedule-btn-retry-modal:hover{background:#ff4c4c26;border-color:#ff4c4c4d}.cancel-btn-retry-modal,.save-btn-retry-modal{padding:10px 20px;font-size:14px;min-width:auto;flex-shrink:1}.cancel-btn-retry-modal{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#e4e6eb;cursor:pointer;transition:all .2s}.section-container-retry-modal:last-of-type{margin-bottom:0;padding-bottom:0}.modal-footer-retry-modal{display:flex;justify-content:center;align-items:center;gap:20px;padding:24px 36px 36px;margin-top:0;background:transparent;border-top:1px solid rgba(255,255,255,.08);border-radius:0}.main-save-retry-modal{margin-left:0}.retry-config-column-retry-modal input,.retry-config-column-retry-modal select{background-color:#0f1014b3;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;padding:12px 14px;width:100%;height:46px;outline:none;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.retry-config-column-retry-modal input:focus,.retry-config-column-retry-modal select:focus{border-color:#2b9af3;box-shadow:0 0 0 1px #2b9af366;outline:none}.add-attempt-btn-retry-modal{background-color:#2b9af326;color:#2b9af3;border:1px solid rgba(43,154,243,.3);border-radius:8px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .2s}.add-attempt-btn-retry-modal:hover{background-color:#2b9af340;transform:translateY(-1px)}.save-btn-retry-modal{background-color:#2b9af3;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-weight:500;cursor:pointer;transition:all .2s}.save-btn-retry-modal:hover{background-color:#1c8ce9;transform:translateY(-1px)}.save-btn-retry-modal:disabled{background-color:#2b9af380;cursor:not-allowed;transform:none}.value-with-label-retry-modal{display:flex;align-items:center;width:100%;position:relative}.value-with-label-retry-modal input{padding-right:40px}.value-with-label-retry-modal span{position:absolute;right:12px;color:#ffffffb3;pointer-events:none}.currency-symbol-retry-modal{position:absolute;left:12px;color:#ffffffb3;pointer-events:none}.value-with-label-retry-modal input[type=number]{-moz-appearance:textfield}.value-with-label-retry-modal input[type=number]::-webkit-outer-spin-button,.value-with-label-retry-modal input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-with-label-retry-modal .currency-symbol-retry-modal+input{padding-left:24px}.currency-input-retry-modal{padding-left:24px!important}.percent-symbol-retry-modal{right:12px;position:absolute;color:#ffffffb3;pointer-events:none}.percentage-input-retry-modal{padding-right:32px!important}.retry-config-column-retry-modal select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 255, 255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.value-with-label-retry-modal input,.retry-config-column-retry-modal select{height:46px;box-sizing:border-box}.xecom_invite_acceptance_container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background-primary, #0a0a0b);padding:1rem}.xecom_invite_acceptance_box{background-color:var(--color-surface-elevated, #1a1a1b);border-radius:.5rem;padding:2rem;max-width:500px;width:100%;box-shadow:0 4px 6px #0000001a;margin:0 auto}.xecom_invite_acceptance_heading{color:var(--color-text-primary, #fafafa);margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.xecom_invite_acceptance_text{color:var(--color-text-secondary, #a1a1aa);margin-bottom:1rem;line-height:1.5;text-align:center}.xecom_invite_acceptance_actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.xecom_invite_acceptance_button_accept{background-color:#2563eb;color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:1rem;min-width:150px;text-align:center;text-decoration:none}.xecom_invite_acceptance_button_accept:hover:not(:disabled){background-color:#1d4ed8}.xecom_invite_acceptance_button_accept:disabled{background-color:#3f3f46;cursor:not-allowed}.xecom_invite_acceptance_button_decline{background-color:#dc2626;color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:1rem;min-width:150px;text-align:center;text-decoration:none}.xecom_invite_acceptance_button_decline:hover{background-color:#b91c1c}.xecom_invite_acceptance_error{color:#ef4444;margin:1rem 0;text-align:center;font-size:.9rem}.xecom_invite_acceptance_loading{display:block;width:40px;height:40px;margin:1.5rem auto;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--color-primary, #4f46e5);animation:xecom_spin 1s ease-in-out infinite}@keyframes xecom_spin{to{transform:rotate(360deg)}}.xecom_invite_acceptance_auth_toggle{display:flex;width:100%;margin-bottom:1.5rem;border-radius:.25rem;overflow:hidden;border:1px solid var(--color-border, #27272a)}.xecom_invite_acceptance_toggle_btn{flex:1;padding:.75rem;background-color:transparent;border:none;color:var(--color-text-secondary, #a1a1aa);cursor:pointer;transition:background-color .3s,color .3s}.xecom_invite_acceptance_toggle_btn.xecom_invite_acceptance_active{background-color:var(--color-primary, #4f46e5);color:#fff}.xecom_invite_acceptance_auth_form{display:flex;flex-direction:column;gap:1rem;width:100%}.xecom_invite_acceptance_form_group{display:flex;flex-direction:column;gap:.5rem;width:100%}.xecom_invite_acceptance_label{color:var(--color-text-secondary, #a1a1aa);font-size:.875rem;font-weight:500}.xecom_invite_acceptance_input{padding:.75rem 1rem;border-radius:.375rem;border:1px solid var(--color-border, #27272a);background-color:var(--color-surface, #18181b);color:var(--color-text-primary, #fafafa);font-size:1rem;transition:border-color .2s;width:100%;box-sizing:border-box}.xecom_invite_acceptance_input:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.xecom_invite_acceptance_hint{color:var(--color-text-tertiary, #71717a);font-size:.75rem}.xecom_invite_acceptance_form_actions{margin-top:1rem}.xecom_invite_acceptance_auth_footer{text-align:center;margin-top:1.5rem;color:var(--color-text-secondary, #a1a1aa);font-size:.875rem}.xecom_invite_acceptance_link_button{background:none;border:none;color:var(--color-primary, #4f46e5);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.cohorts-table-container{background-color:transparent;padding:24px;color:var(--color-text-primary)}.cohorts-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.tab-navigation{display:flex;gap:4px;background-color:var(--color-surface);padding:4px;border-radius:10px;border:1px solid var(--color-border)}.tab-button{padding:10px 20px;background-color:transparent;border:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;white-space:nowrap}.tab-button:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.tab-button.active{background-color:var(--color-surface-active);color:var(--color-text-primary);border:1px solid var(--color-border)}.cohorts-controls{display:flex;align-items:center;gap:20px}.cohort-selector{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-secondary)}.cohort-dropdown{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);padding:6px 12px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.cohort-dropdown:hover{border-color:var(--color-border-hover);background-color:var(--color-surface-hover)}.cohort-dropdown:focus{outline:none;border-color:var(--color-primary)}.export-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-primary);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.export-button:hover{background-color:rgba(var(--color-primary-rgb),.2);border-color:rgba(var(--color-primary-rgb),.5);transform:translateY(-1px)}.cohort-table-wrapper{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin-bottom:32px}.cohort-table{width:100%;border-collapse:collapse;font-size:.875rem}.cohort-table thead{background-color:var(--color-surface-hover)}.cohort-table th{padding:16px;text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.cohort-table td{padding:16px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.cohort-table tbody tr{transition:background-color .2s ease}.cohort-table tbody tr:hover{background-color:var(--color-surface-hover)}.cohort-table tbody tr:last-child td{border-bottom:none}.cohort-name{display:flex;align-items:center;gap:8px}.trend-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px}.trend-icon.up{color:#22c55ee6;background-color:#22c55e1a}.trend-icon.down{color:#ef4444e6;background-color:#ef44441a}.table-legend{padding:16px;background-color:var(--color-surface-hover);border-top:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-secondary)}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:8px;height:8px;border-radius:50%;background-color:#3b82f6cc}.chart-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;height:400px}.chart-container h3{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.cohorts-loading,.cohorts-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary)}.cohorts-error button{margin-top:16px;padding:8px 16px;background-color:#63b3ed1a;border:1px solid rgba(99,179,237,.5);color:#63b3ed;border-radius:6px;cursor:pointer;transition:all .2s ease}.cohorts-error button:hover{background-color:#63b3ed33;border-color:#63b3edb3}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 1200px){.cohorts-table-header{flex-direction:column;align-items:stretch}.tab-navigation{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cohorts-controls{justify-content:space-between}.cohort-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.cohort-table thead,.cohort-table tbody,.cohort-table th,.cohort-table td,.cohort-table tr{display:block}.cohort-table thead tr{position:absolute;top:-9999px;left:-9999px}.cohort-table tr{margin-bottom:16px;border:1px solid var(--color-border);border-radius:8px;padding:16px}.cohort-table td{position:relative;padding:8px 0 8px 50%;border:none}.cohort-table td:before{position:absolute;left:0;width:45%;padding-right:10px;white-space:nowrap;content:attr(data-label);font-weight:600;color:var(--color-text-secondary)}}@media (max-width: 768px){.cohorts-table-container{padding:16px}.tab-button{padding:8px 16px;font-size:.8125rem}.cohort-selector{font-size:.8125rem}.export-button{padding:6px 12px;font-size:.8125rem}.chart-container{height:300px;padding:16px}.chart-container h3{font-size:1rem}}.approval-legend,.retention-legend,.churn-legend{display:flex;gap:16px;padding:16px;background-color:var(--color-surface-hover);border-top:1px solid var(--color-border);font-size:.8125rem;flex-wrap:wrap}.legend-range{display:flex;align-items:center;gap:6px}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.approval-low{background-color:var(--color-error)}.legend-color.approval-medium-low,.legend-color.approval-medium{background-color:var(--color-warning)}.legend-color.approval-medium-high,.legend-color.approval-high{background-color:var(--color-success)}.legend-color.retention-low{background-color:var(--color-error)}.legend-color.retention-medium{background-color:var(--color-warning)}.legend-color.retention-high,.legend-color.churn-low{background-color:var(--color-success)}.legend-color.churn-medium{background-color:var(--color-warning)}.legend-color.churn-high{background-color:var(--color-error)}.overall-metrics-container{background-color:var(--color-surface);border-radius:8px;padding:24px;margin-top:24px}.metrics-header{margin-bottom:24px}.metrics-header h2{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0}.metrics-content{display:flex;flex-direction:column;gap:32px}.chart-wrapper{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:20px;height:450px}.metrics-table-wrapper{overflow-x:auto}.metrics-table{width:100%;border-collapse:collapse;font-size:14px}.metrics-table thead{background-color:var(--color-surface-hover)}.metrics-table th{padding:12px 16px;text-align:left;font-weight:500;color:var(--color-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.metrics-table th:first-child{width:120px;position:sticky;left:0;background-color:var(--color-surface);z-index:1}.metrics-table tbody tr{border-bottom:1px solid var(--color-border)}.metrics-table tbody tr:nth-child(2n){background-color:var(--color-surface-hover)}.metrics-table tbody tr:hover{background-color:var(--color-surface-active)}.metrics-table td{padding:12px 16px;color:var(--color-text-primary);font-weight:400}.metrics-table td.metric-name{font-weight:500;color:var(--color-text-primary);position:sticky;left:0;background-color:inherit;z-index:1}.table-footer{margin-top:16px;text-align:center}.table-footer p{color:var(--color-text-secondary);font-size:13px;margin:0}.metrics-loading,.metrics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.metrics-loading p,.metrics-error p{color:var(--color-text-secondary);font-size:14px;margin:0}.metrics-error button{background-color:var(--color-primary);color:var(--color-text-primary);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.metrics-error button:hover{background-color:var(--color-primary-hover)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.metric-card{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:20px;text-align:center}.metric-card .metric-value{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.metric-card .metric-label{font-size:.875rem;color:var(--color-text-primary);margin-bottom:16px}.metric-card .metric-comparison{font-size:.875rem;color:var(--color-text-primary)}.retention-details{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.retention-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.875rem;color:var(--color-text-primary)}.retention-row .retention-value{font-weight:600;color:var(--color-text-primary)}@media (max-width: 1200px){.metrics-table{font-size:13px}.metrics-table th,.metrics-table td{padding:10px 12px}}.acquisitions-expenses-container{padding:24px;height:100vh;overflow-y:auto;background-color:var(--color-background);color:var(--color-text-primary)}.acquisitions-expenses-header{margin-bottom:32px;display:flex;flex-direction:column;gap:16px}.expenses-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.expenses-title-section{display:flex;align-items:center;gap:12px}.expenses-icon{width:24px;height:24px;color:var(--color-primary)}.acquisitions-expenses-header h1{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0}.add-costs-btn{padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.add-costs-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.add-spend-btn{padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.add-spend-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.expenses-period-selector{display:flex;gap:0;background-color:transparent;border-radius:12px;padding:0;align-self:flex-start;overflow:hidden;border:1px solid var(--color-border)}.period-btn{padding:10px 16px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:0;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;position:relative;white-space:nowrap}.period-btn:not(:last-child){border-right:1px solid rgba(255,255,255,.1)}.period-btn:hover{color:#ffffffe6;background-color:#ffffff0d}.period-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600}.period-btn:first-child{border-top-left-radius:11px;border-bottom-left-radius:11px}.period-btn:last-child{border-top-right-radius:11px;border-bottom-right-radius:11px}.period-btn.calendar-btn{padding:10px 12px;display:flex;align-items:center;justify-content:center}.period-btn.calendar-btn svg{width:16px;height:16px}.date-picker-dropdown-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:150px}.date-picker-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent}.date-picker-dropdown{position:relative;background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:360px;box-shadow:0 10px 40px #00000080;z-index:1001;overflow:hidden}.date-picker-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.date-picker-title{font-size:14px;font-weight:500;color:#ffffffb3}.date-range-display{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.date-range-icon{color:#ffffff80;flex-shrink:0}.date-range-text{flex:1;font-size:15px;font-weight:500;color:#fff}.date-range-copy{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.date-range-copy:hover{color:#fffc;background:#ffffff1a}.date-picker-inputs{padding:20px;display:flex;gap:16px}.date-input-wrapper{flex:1;display:flex;flex-direction:column;gap:8px}.date-input-wrapper label{font-size:12px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.date-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#fff;font-size:14px;transition:all .2s}.date-input:hover{border-color:#fff3;background:#ffffff14}.date-input:focus{outline:none;border-color:#3b82f6;background:#3b82f61a}.date-picker-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05}.date-picker-cancel,.date-picker-apply{flex:1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.date-picker-cancel{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.date-picker-cancel:hover{background:#ffffff0d;color:#fff}.date-picker-apply{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.date-picker-apply:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.date-picker-apply:disabled{opacity:.5;cursor:not-allowed}.acquisitions-expenses-content{display:flex;flex-direction:column;gap:24px}.expenses-overview{display:grid;grid-template-columns:1fr 2fr;gap:24px}.total-expenses-card{background-color:#18181a;border:1px solid #2a2a2c;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:8px}.total-expenses-header h2{font-size:16px;font-weight:500;color:var(--color-text-secondary);margin:0}.total-expenses-amount{font-size:36px;font-weight:700;color:#fff;line-height:1.2}.total-expenses-period{font-size:14px;color:#6b7280;font-weight:500}.main-categories{display:grid;grid-template-rows:1fr 1fr;gap:16px}.category-card{background-color:#18181a;border:1px solid #2a2a2c;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.category-card.cogs{border-left:4px solid #ef4444}.category-card.processing{border-left:4px solid #10b981}.category-header{display:flex;justify-content:space-between;align-items:center}.category-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.category-card.cogs .category-amount,.category-card.processing .category-amount{font-size:24px;font-weight:700;color:var(--color-text-primary)}.category-card.cogs .category-percentage,.category-card.processing .category-percentage{font-size:14px;color:var(--color-text-secondary)}.category-amount{font-size:24px;font-weight:700;color:#fff}.category-percentage{font-size:14px;color:#6b7280}.expenses-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.expense-card{background-color:#18181a;border:1px solid #2a2a2c;border-radius:12px;padding:20px;transition:all .2s ease}.expense-card:hover{border-color:#374151;transform:translateY(-2px)}.expense-card.blue{border-left:4px solid #3b82f6}.expense-card.green{border-left:4px solid #10b981}.expense-card.purple{border-left:4px solid #8b5cf6}.expense-card-header{display:flex;align-items:flex-start;gap:12px}.expense-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expense-icon.blue{background-color:#3b82f61a;color:#3b82f6}.expense-icon.green{background-color:#10b9811a;color:#10b981}.expense-icon.purple{background-color:#8b5cf61a;color:#8b5cf6}.expense-card-content{flex:1;display:flex;flex-direction:column;gap:4px}.expense-title{font-size:14px;font-weight:500;color:#fff;margin:0}.expense-amount{font-size:24px;font-weight:700;color:#fff;line-height:1.2}.expense-change{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500}.expense-change.positive{color:#10b981}.expense-change.negative{color:#ef4444}.expense-card.blue .expense-amount,.expense-card.green .expense-amount,.expense-card.purple .expense-amount{color:var(--color-text-primary)}.expense-card.blue .expense-change,.expense-card.green .expense-change,.expense-card.purple .expense-change{color:var(--color-text-secondary)}.expense-card.blue .expense-change.positive,.expense-card.green .expense-change.positive,.expense-card.purple .expense-change.positive{color:var(--color-success)}.expense-card.blue .expense-change.negative,.expense-card.green .expense-change.negative,.expense-card.purple .expense-change.negative{color:var(--color-danger)}@media (max-width: 1024px){.expenses-overview{grid-template-columns:1fr}.main-categories{grid-template-columns:1fr 1fr;grid-template-rows:1fr}}@media (max-width: 768px){.acquisitions-expenses-container{padding:16px}.expenses-header-content{flex-direction:column;align-items:flex-start;gap:12px}.add-costs-btn,.expenses-period-selector{align-self:stretch;justify-content:center}.expenses-overview{gap:16px}.main-categories{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.expenses-breakdown{grid-template-columns:1fr}.total-expenses-amount{font-size:28px}.expense-amount{font-size:20px}}@media (max-width: 480px){.period-btn{padding:6px 12px;font-size:12px}.total-expenses-card,.category-card,.expense-card{padding:16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#18181a;border:1px solid #2a2a2c;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:visible;position:relative;animation:modalSlideIn .2s ease-out}.modal-content.integrations-modal{max-width:900px;width:90%;overflow-y:auto}.ad-platforms-modal{background:linear-gradient(135deg,#18181a,#0f0f10);border-radius:16px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;overflow:hidden;animation:modalSlideIn .3s ease-out}.ad-platforms-modal-header{padding:28px 32px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:flex-start;background:#ffffff05}.ad-platforms-modal-title-section h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.02em}.ad-platforms-modal-title-section p{font-size:14px;color:#ffffff80;margin:0;line-height:1.5;max-width:500px}.ad-platforms-modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffff80;flex-shrink:0}.ad-platforms-modal-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.ad-platforms-list{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:16px}.ad-platform-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;position:relative;overflow:hidden}.ad-platform-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:transparent;transition:background .3s ease}.ad-platform-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:translate(4px)}.ad-platform-item.active{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-color:#3b82f64d}.ad-platform-item.active:before{background:#3b82f6}.ad-platform-left{display:flex;align-items:center;gap:20px;flex:1}.ad-platform-logo{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.platform-logo-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.platform-logo-icon.meta{background:linear-gradient(135deg,#1877f2,#0c65d4);color:#fff;font-family:serif}.platform-logo-icon.google{background:linear-gradient(135deg,#ea4335,#fbbc04,#34a853);color:#fff;font-family:Product Sans,Roboto,sans-serif}.platform-logo-icon.tiktok{background:linear-gradient(135deg,#ff0050,#00f2ea);color:#fff;font-family:sans-serif}.ad-platform-info{flex:1;display:flex;flex-direction:column;gap:4px}.ad-platform-name-row{display:flex;align-items:center;gap:12px}.ad-platform-info h3{font-size:16px;font-weight:600;color:#fff;margin:0}.ad-platform-status{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.ad-platform-status.active{background:#10b98126;color:#10b981}.ad-platform-status.configured{background:#fbbf2426;color:#fbbf24}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ad-platform-description{font-size:13px;color:#fff6;margin:0;line-height:1.5}.ad-platform-metrics{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px}.ad-platform-metrics .metric-item{display:inline;font-size:13px;color:#fff6;line-height:1.5}.ad-platform-metrics .metric-label{display:none}.ad-platform-metrics .metric-value{color:#fff6;font-weight:400;font-size:13px}.ad-platform-metrics .metric-value.success{color:#10b981}.ad-platform-actions,.action-buttons{display:flex;align-items:center;gap:12px}.ad-platform-connect-btn{padding:8px 16px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.ad-platform-connect-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.ad-platform-connect-btn.primary{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.ad-platform-connect-btn.primary:hover{background:#2563eb;border-color:#2563eb}.ad-platform-settings-btn{width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffff80}.ad-platform-settings-btn:hover{background:#ffffff1a;color:#fffc;border-color:#fff3}.ad-platform-settings-btn:hover svg{transform:rotate(45deg)}.ad-platform-toggle{position:relative;display:inline-block;width:48px;height:26px}.ad-platform-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ffffff1a;transition:.3s;border-radius:26px;border:1px solid rgba(255,255,255,.1)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#ffffffb3;transition:.3s;border-radius:50%}.ad-platform-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent}.ad-platform-toggle input:checked+.toggle-slider:before{transform:translate(22px);background:#fff}.ad-platform-external-link{width:32px;height:32px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffff4d;border-radius:6px}.ad-platform-external-link:hover{background:#ffffff0d;color:#fff9}.ad-platforms-modal-footer{padding:20px 32px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05}.ad-platforms-modal-footer p{font-size:13px;color:#fff6;margin:0;text-align:center}.ad-platforms-loading{display:flex;flex-direction:column;gap:16px}.ad-platform-item.skeleton{height:96px;background:#ffffff05;display:flex;align-items:center;gap:20px;padding:20px 24px}.skeleton-icon-large{width:56px;height:56px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);border-radius:12px;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-button{width:100px;height:36px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);border-radius:8px;animation:skeleton-loading 1.5s ease-in-out infinite}.add-cost-modal{background:linear-gradient(135deg,#18181a,#0f0f10);border-radius:16px;width:90%;max-width:560px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;overflow:hidden;animation:modalSlideIn .3s ease-out}.add-cost-modal-header{padding:28px 32px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:flex-start;background:#ffffff05}.add-cost-modal-title-section h2{font-size:22px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.02em}.add-cost-modal-title-section p{font-size:13px;color:#ffffff80;margin:0;line-height:1.5}.add-cost-modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffff80;flex-shrink:0}.add-cost-modal-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.add-cost-form-professional{display:flex;flex-direction:column}.form-section{padding:32px;display:flex;flex-direction:column;gap:28px}.form-group-professional{display:flex;flex-direction:column;gap:10px}.form-label-professional{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.form-label-professional svg{color:#fff6}.form-select-professional,.form-input-professional{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;font-size:14px;color:#fff;transition:all .2s ease;width:100%}.form-select-professional:hover,.form-input-professional:hover{background:#ffffff12;border-color:#ffffff26}.form-select-professional:focus,.form-input-professional:focus{outline:none;background:#ffffff14;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select-professional option{background:#18181a;color:#fff}.form-helper-text{font-size:12px;color:#fff6;margin:0;line-height:1.4}.form-helper-text.success{color:#10b981;font-weight:500}.date-inputs-row{display:flex;align-items:center;gap:12px}.date-input-group{flex:1;display:flex;flex-direction:column;gap:6px}.date-input-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.date-range-separator{color:#ffffff4d;font-size:18px;margin-top:20px}.amount-input-wrapper-professional{position:relative;display:flex;align-items:center}.currency-symbol-professional{position:absolute;left:16px;color:#fff6;font-size:16px;font-weight:500}.amount-input-professional{padding-left:36px!important;font-size:16px!important;font-weight:500}.add-cost-modal-footer{padding:24px 32px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05;display:flex;justify-content:flex-end;gap:12px}.modal-cancel-btn{padding:10px 20px;background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-cancel-btn:hover{background:#ffffff0d;color:#fff;border-color:#fff3}.modal-submit-btn{padding:10px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #3b82f640}.modal-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f659;transform:translateY(-1px)}.modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.modal-submit-btn svg{width:16px;height:16px}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:24px}.modal-header h2{font-size:20px;font-weight:600;color:#fff;margin:0}.modal-close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:#fff;background-color:#2a2a2c}.add-cost-form{padding:0 24px 24px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-size:14px;font-weight:500;color:#fff}.form-input,.form-select{padding:12px 16px;background-color:#0a0a0b;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select{cursor:pointer}.form-select option{background-color:#18181a;color:#fff}.amount-input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:16px;color:var(--color-text-secondary);font-size:14px;font-weight:500;z-index:1}.amount-input{padding-left:36px}.amount-input::placeholder{color:#6b7280}.add-cost-form .date-range-picker .date-picker-label{color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.add-cost-form .date-range-picker .date-display{background-color:#0a0a0b;border:1px solid #2a2a2c;border-radius:8px;color:#fff;padding:12px 16px;transition:all .2s ease}.add-cost-form .date-range-picker .date-display:hover{border-color:#374151}.add-cost-form .date-range-picker .date-display:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-content .calendar-container{z-index:1001;position:absolute}.modal-content .form-group{position:relative;overflow:visible}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.cancel-btn,.submit-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background-color:transparent;color:var(--color-text-secondary);border:1px solid #2a2a2c}.cancel-btn:hover{background-color:#2a2a2c;color:#fff}.submit-btn{background-color:#3b82f6;color:#fff}.submit-btn:hover{background-color:#2563eb;transform:translateY(-1px)}@media (max-width: 768px){.modal-overlay{padding:16px}.modal-content{max-width:100%}.modal-header{padding:20px 20px 0;margin-bottom:20px}.add-cost-form{padding:0 20px 20px}.modal-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.ad-spend-section{margin-bottom:40px}.section-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.section-title{display:flex;align-items:center;gap:12px}.section-icon{width:20px;height:20px;color:#3b82f6}.section-title h2{font-size:20px;font-weight:600;color:#fff;margin:0}.expenses-section-header{margin-bottom:24px;margin-top:40px;display:flex;justify-content:space-between;align-items:center}.ad-spend-overview{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:32px}.summary-card.total-spend{background-color:#18181a;border:1px solid #2a2a2c;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;border-left:4px solid #3b82f6}.summary-header{display:flex;align-items:center;gap:8px}.summary-icon{width:16px;height:16px;color:#3b82f6}.summary-label{font-size:14px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.summary-amount{font-size:36px;font-weight:700;color:#fff;line-height:1.2}.summary-change{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500}.summary-change.positive{color:#10b981}.summary-change.negative{color:#ef4444}.summary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-card{background-color:#18181a;border:1px solid #2a2a2c;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.metric-header{display:flex;align-items:center;gap:8px}.metric-icon{width:14px;height:14px;color:#6b7280}.metric-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:24px;font-weight:700;color:#fff;line-height:1.2}.metric-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.platform-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:24px}.platform-card{background-color:#18181a;border:1px solid #2a2a2c;border-radius:12px;padding:24px;transition:all .2s ease}.platform-card:hover{border-color:#374151;transform:translateY(-2px)}.platform-card.blue{border-left:4px solid #3b82f6}.platform-card.red{border-left:4px solid #ef4444}.platform-card.platform-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;text-align:center;background:linear-gradient(135deg,#18181a,#1a1a1c);border:2px dashed #2a2a2c;position:relative;overflow:hidden}.platform-card.platform-placeholder:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.platform-card.platform-placeholder .platform-header{position:absolute;top:24px;left:24px;margin-bottom:0}.platform-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;max-width:280px}.platform-placeholder-content .placeholder-icon{color:#fff3;margin-bottom:8px}.platform-placeholder-content h4{font-size:18px;font-weight:600;color:#fff;margin:0}.platform-placeholder-content p{font-size:14px;color:#ffffff80;line-height:1.5;margin:0}.platform-connect-btn{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none;letter-spacing:.02em;box-shadow:0 4px 12px #3b82f640}.platform-connect-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.platform-connect-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f633}.platform-header{margin-bottom:20px}.platform-title-section{display:flex;align-items:center;gap:12px}.platform-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-icon.blue{background-color:#3b82f61a;color:#3b82f6}.platform-icon.red{background-color:#ef44441a;color:#ef4444}.platform-logo{font-size:16px;font-weight:700;font-family:serif}.platform-name{font-size:18px;font-weight:600;color:#fff;margin:0}.platform-spend-container{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.platform-spend-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.platform-spend-amount{font-size:28px;font-weight:700;color:#fff;line-height:1.2}.platform-spend-change{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600}.platform-spend-change.positive{color:#10b981}.platform-spend-change.negative{color:#ef4444}.platform-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.platform-metric{display:flex;flex-direction:column;gap:4px}.platform-metric-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.platform-metric-value{font-size:18px;font-weight:700;color:#fff;display:flex;flex-direction:column;gap:2px}.platform-metric-change{font-size:11px;font-weight:500}.platform-metric-change.positive{color:#10b981}.platform-metric-change.negative{color:#ef4444}@media (max-width: 1024px){.ad-spend-overview{grid-template-columns:1fr}.summary-metrics{grid-template-columns:1fr 1fr}.platform-breakdown{grid-template-columns:1fr}}@media (max-width: 768px){.ad-spend-section{margin-bottom:32px}.summary-metrics,.platform-metrics{grid-template-columns:1fr}.platform-title-section{gap:10px}.platform-icon{width:28px;height:28px}.platform-logo{font-size:14px}.summary-amount{font-size:28px}.metric-value{font-size:20px}.platform-metric-value{font-size:16px}.platform-spend-amount{font-size:24px}}@media (max-width: 480px){.summary-card.total-spend,.metric-card,.platform-card{padding:16px}.platform-title-section{gap:8px}.platform-icon{width:24px;height:24px}.platform-logo{font-size:12px}.platform-metrics{gap:12px}.platform-spend-amount{font-size:20px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{pointer-events:none}.skeleton-line{height:16px;background:var(--color-surface-hover);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:4px;margin-bottom:12px}.skeleton-line:last-child{margin-bottom:0}.skeleton-title{width:40%;height:14px}.skeleton-subtitle{width:30%;height:12px;opacity:.6}.skeleton-amount-large{width:60%;height:36px;margin:16px 0}.skeleton-amount{width:50%;height:24px;margin:12px 0}.skeleton-label{width:35%;height:12px;margin-bottom:16px}.skeleton-percentage{width:45%;height:14px;opacity:.6}.skeleton-change{width:25%;height:14px;opacity:.6}.skeleton-icon{width:32px;height:32px;background:var(--color-surface-hover);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:8px;flex-shrink:0}.total-expenses-card.skeleton,.category-card.skeleton,.expense-card.skeleton{border-color:var(--color-border)}.category-card.skeleton,.expense-card.skeleton{border-left:4px solid #2a2a2c}.expense-card.skeleton:hover{transform:none;border-color:#2a2a2c}.summary-card.skeleton,.metric-card.skeleton,.platform-card.skeleton{border-color:#2a2a2c}.metric-card.skeleton{padding:16px}.skeleton-value{width:60%;height:20px;margin:8px 0}.skeleton-change-small{width:30%;height:12px;opacity:.6}.platform-card.skeleton{border:1px solid #2a2a2c;background:#0f0f10}.platform-card.skeleton .skeleton-title{width:60px;height:16px;display:inline-block;margin-left:12px}.platform-card.skeleton .skeleton-metric-label{width:50px;height:12px;margin-bottom:8px}.platform-card.skeleton .skeleton-metric-value{width:80px;height:16px}.no-integrations-container{padding:40px 20px;text-align:center}.no-integrations-card{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:48px;margin-bottom:32px}.no-integrations-icon{color:#3b82f6;margin-bottom:24px}.no-integrations-card h3{font-size:24px;font-weight:600;color:#e2e8f0;margin-bottom:12px}.no-integrations-card p{color:#94a3b8;font-size:16px;margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto}.connect-platforms-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.connect-platforms-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.available-platforms{max-width:500px;margin:0 auto}.available-platforms h4{color:#cbd5e1;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.platform-options{display:flex;justify-content:center;gap:24px}.platform-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;min-width:100px}.platform-option .platform-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.platform-option .platform-icon.meta{background:linear-gradient(135deg,#1877f2,#0c5ec7);color:#fff}.platform-option .platform-icon.google{background:linear-gradient(135deg,#4285f4,#2a5cdb);color:#fff}.platform-option .platform-icon.tiktok{background:linear-gradient(135deg,#ff0050,#00f2ea);color:#fff}.platform-option span{color:#94a3b8;font-size:12px}.ad-spend-section.full-width{width:100%}.meta-campaigns-section{margin-top:24px;background:#0a0a0a;border-radius:12px;padding:20px;border:1px solid #1a1a1a}.meta-campaigns-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.meta-campaigns-section .section-title h2{color:#e8eaed;font-size:18px;font-weight:600;margin:0}.campaigns-controls{display:flex;align-items:center;gap:16px}.rows-selector{background:#1a1a1a;border:1px solid #2a2a2a;color:#e8eaed;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer}.rows-selector:hover{border-color:#3a3a3a}.meta-campaigns-table-wrapper{overflow-x:auto;background:#0f0f0f;border-radius:8px;border:1px solid #1a1a1a}.meta-campaigns-table{width:100%;border-collapse:collapse;min-width:1200px}.meta-campaigns-table th,.meta-campaigns-table td{padding:12px 16px;border-bottom:1px solid #1a1a1a;text-align:left;white-space:nowrap}.meta-campaigns-table th{font-size:12px;color:#9aa0a6;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:#0a0a0a;position:sticky;top:0;z-index:10}.meta-campaigns-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.meta-campaigns-table th.sortable:hover{color:#c5cad0}.meta-campaigns-table td{font-size:13px;color:#e8eaed}.meta-campaigns-table tbody tr{transition:background-color .1s ease}.meta-campaigns-table tbody tr:hover{background:#141414}.status-switch{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.status-switch .switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#3a3a3a;border-radius:22px;transition:.2s}.status-switch .switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.2s}.status-switch.on .switch-slider{background-color:#1877f2}.status-switch.on .switch-slider:before{transform:translate(18px)}.status-switch.toggling{opacity:.6;pointer-events:none}.campaign-name-cell{font-weight:500;color:#4a9eff;max-width:300px;overflow:hidden;text-overflow:ellipsis}.amount-spent{font-weight:600;color:#4a9eff}.skeleton-row td{padding:12px 16px}.skeleton-row .skeleton-line{height:14px;background:#1a1a1a;border-radius:3px;animation:pulse 1.5s ease-in-out infinite}.empty-cell{text-align:center;color:#666;padding:40px!important;font-size:14px}.table-footer{padding:12px 16px;text-align:center;border-top:1px solid #1a1a1a}.showing-text{font-size:12px;color:#9aa0a6;margin:0}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.meta-campaigns-table td:nth-child(2){font-weight:500}.meta-campaigns-table tbody tr td:nth-child(2):contains("ACTIVE"){color:#42b883}.meta-campaigns-table tbody tr td:nth-child(2):contains("PAUSED"){color:#f39c12}.meta-campaigns-table th[onclick]{transition:color .2s ease}.meta-campaigns-table th[onclick]:hover{color:#4a9eff}.ad-spend-charts-section{margin-top:32px;margin-bottom:32px}.chart-skeleton{width:100%;height:100%;position:relative;overflow:hidden}.skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,#1a1a1b,#2a2a2c,#1a1a1b 40%,#1a1a1b);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-shimmer.skeleton-doughnut{width:200px;height:200px;border-radius:50%;margin:0 auto;position:relative}.skeleton-shimmer.skeleton-doughnut:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;background:#1a1a1b;border-radius:50%}.skeleton-total-amount{width:80px;height:20px;background:linear-gradient(90deg,#1a1a1b,#2a2a2c,#1a1a1b 40%,#1a1a1b);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(90deg,#1a1a1b,#2a2a2c,#1a1a1b 40%,#1a1a1b);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-legend-label{width:50px;height:14px;background:linear-gradient(90deg,#1a1a1b,#2a2a2c,#1a1a1b 40%,#1a1a1b);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:3px}.skeleton-legend-value{width:60px;height:14px;background:linear-gradient(90deg,#1a1a1b,#2a2a2c,#1a1a1b 40%,#1a1a1b);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:3px;margin-left:auto}.skeleton-legend-percentage{width:35px;height:14px;background:linear-gradient(90deg,#1a1a1b,#2a2a2c,#1a1a1b 40%,#1a1a1b);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:3px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.charts-container{display:grid;grid-template-columns:2fr 1fr;gap:24px}.chart-card{background:linear-gradient(180deg,#1a1a1b,#151516);border:1px solid rgba(45,45,48,.5);border-radius:16px;padding:28px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;transition:transform .2s ease,box-shadow .2s ease}.chart-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000026,0 4px 6px #0000001a}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.chart-title{font-size:9px;font-weight:400;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.2px;margin:0;opacity:.6}.chart-period-badge{padding:6px 12px;background:#3b82f61a;color:#3b82f6;border-radius:20px;font-size:12px;font-weight:500;border:1px solid rgba(59,130,246,.2)}.chart-wrapper{height:300px;position:relative}.trend-chart .chart-wrapper{height:350px}.distribution-chart .chart-wrapper{height:240px;display:flex;align-items:center;justify-content:center;position:relative}.chart-total-value{display:flex;align-items:baseline;gap:8px}.total-label{font-size:11px;color:#6b7280;font-weight:400}.total-amount{font-size:16px;font-weight:600;color:#fff}.chart-legend-custom{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(75,85,99,.2)}.legend-item{display:flex;align-items:center;gap:12px;transition:opacity .2s ease}.legend-item:hover{opacity:.8}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-text{display:flex;align-items:baseline;gap:8px;flex:1}.legend-label{font-size:13px;font-weight:500;color:#e5e7eb;min-width:50px}.legend-value{font-size:13px;font-weight:600;color:#fff;margin-left:auto}.legend-percentage{font-size:12px;font-weight:400;color:#6b7280;min-width:35px;text-align:right}@media (max-width: 1200px){.charts-container{grid-template-columns:1fr}.distribution-chart .chart-wrapper{height:350px}}@media (max-width: 768px){.ad-spend-charts-section{margin-top:24px;margin-bottom:24px}.chart-card{padding:16px}.chart-wrapper,.trend-chart .chart-wrapper,.distribution-chart .chart-wrapper{height:250px}}[data-theme=light] .period-btn:not(:last-child){border-right:1px solid var(--color-border)}[data-theme=light] .period-btn:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}[data-theme=light] .period-btn.active{background:none;background-color:var(--color-surface-active);color:var(--color-text-primary);border:1px solid var(--color-border)}[data-theme=light] .total-expenses-card,[data-theme=light] .category-card,[data-theme=light] .expense-card,[data-theme=light] .summary-card.total-spend,[data-theme=light] .metric-card,[data-theme=light] .platform-card{background-color:var(--color-surface);border:1px solid var(--color-border)}[data-theme=light] .category-amount,[data-theme=light] .expense-title,[data-theme=light] .expense-amount,[data-theme=light] .summary-amount,[data-theme=light] .metric-value,[data-theme=light] .platform-name,[data-theme=light] .platform-spend-amount,[data-theme=light] .platform-metric-value,[data-theme=light] .total-expenses-amount{color:var(--color-text-primary)}[data-theme=light] .category-percentage,[data-theme=light] .total-expenses-period,[data-theme=light] .platform-spend-label,[data-theme=light] .platform-metric-label,[data-theme=light] .metric-icon,[data-theme=light] .total-label{color:var(--color-text-secondary)}[data-theme=light] .chart-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000f}[data-theme=light] .date-picker-dropdown{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 10px 30px #0000001f}[data-theme=light] .date-picker-header{border-bottom:1px solid var(--color-border)}[data-theme=light] .date-picker-title,[data-theme=light] .date-input-wrapper label,[data-theme=light] .date-range-icon{color:var(--color-text-secondary)}[data-theme=light] .date-range-display{background:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}[data-theme=light] .date-range-text{color:var(--color-text-primary)}[data-theme=light] .date-range-copy{color:var(--color-text-secondary)}[data-theme=light] .date-range-copy:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}[data-theme=light] .date-input{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-primary)}[data-theme=light] .date-input:hover{border-color:var(--color-border-hover);background:var(--color-surface-active)}[data-theme=light] .date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.15);background:var(--color-surface-active)}[data-theme=light] .date-picker-actions{border-top:1px solid var(--color-border);background:var(--color-surface)}[data-theme=light] .date-picker-cancel{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}[data-theme=light] .date-picker-cancel:hover{background:var(--color-surface-hover)}[data-theme=light] .date-picker-apply{background:var(--color-primary);color:var(--color-text-inverse)}[data-theme=light] .date-picker-apply:hover:not(:disabled){background:var(--color-primary-hover)}[data-theme=light] .modal-overlay{background-color:rgba(var(--color-background-rgb),.6)}[data-theme=light] .modal-content{background-color:var(--color-surface);border:1px solid var(--color-border)}[data-theme=light] .modal-header h2,[data-theme=light] .form-group label,[data-theme=light] .add-cost-form .date-range-picker .date-picker-label{color:var(--color-text-primary)}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .add-cost-form .date-range-picker .date-display{background-color:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-primary)}[data-theme=light] .modal-close-btn:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}[data-theme=light] .cancel-btn{border:1px solid var(--color-border)}[data-theme=light] .cancel-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}[data-theme=light] .submit-btn,[data-theme=light] .modal-submit-btn,[data-theme=light] .platform-connect-btn{background-color:var(--color-primary);color:var(--color-text-inverse)}[data-theme=light] .submit-btn:hover,[data-theme=light] .modal-submit-btn:hover,[data-theme=light] .platform-connect-btn:hover{background-color:var(--color-primary-hover)}[data-theme=light] .meta-campaigns-section,[data-theme=light] .meta-campaigns-table-wrapper{background:var(--color-surface);border:1px solid var(--color-border)}[data-theme=light] .meta-campaigns-section .section-title h2{color:var(--color-text-primary)}[data-theme=light] .rows-selector{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}[data-theme=light] .rows-selector:hover{border-color:var(--color-border-hover)}[data-theme=light] .meta-campaigns-table th{background:var(--color-surface);color:var(--color-text-secondary)}[data-theme=light] .meta-campaigns-table td{color:var(--color-text-primary)}[data-theme=light] .meta-campaigns-table tbody tr:hover{background:var(--color-surface-hover)}[data-theme=light] .status-switch .switch-slider{background-color:var(--color-surface-active)}[data-theme=light] .status-switch.on .switch-slider{background-color:var(--color-primary)}[data-theme=light] .skeleton-shimmer{background:linear-gradient(90deg,var(--color-surface-hover) 0%,var(--color-surface-active) 20%,var(--color-surface-hover) 40%,var(--color-surface-hover) 100%)}[data-theme=light] .platform-card.skeleton{border:1px solid var(--color-border);background:var(--color-surface)}[data-theme=light] .platform-card.platform-placeholder{background:var(--color-surface-hover);border:2px dashed var(--color-border)}[data-theme=light] .platform-placeholder-content .placeholder-icon{color:var(--color-text-tertiary)}[data-theme=light] .platform-placeholder-content h4{color:var(--color-text-primary)}[data-theme=light] .platform-placeholder-content p{color:var(--color-text-secondary)}.disputes-refunds-container{padding:24px;background-color:transparent;min-height:100vh;color:#fafafa;width:100%;max-width:100%;box-sizing:border-box}.disputes-header{margin-bottom:32px}.disputes-title{font-size:2rem;font-weight:600;margin:0 0 8px;color:#fffffff2}.disputes-subtitle{font-size:1rem;color:#fff9;margin:0}.disputes-loading,.disputes-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#ffffffb3}.disputes-error button{margin-top:16px;padding:8px 16px;background-color:#3b82f61a;border:1px solid rgba(59,130,246,.5);color:#3b82f6;border-radius:6px;cursor:pointer;transition:all .2s ease}.disputes-error button:hover{background-color:#3b82f633;border-color:#3b82f6b3}.time-period-selector{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.period-button{padding:8px 16px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.period-button:hover{background-color:#ffffff0d;border-color:#fff3;color:#ffffffe6}.period-button.active{background-color:#3b82f633;border-color:#3b82f680;color:#3b82f6}.refund-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:32px}.refund-metric-card{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.refund-metric-card:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:0 8px 24px #0006}.refund-metric-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.refund-metric-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.refund-metric-icon.dollar{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6e6}.refund-metric-icon.support{background-color:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981e6}.refund-metric-icon.dispute{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444e6}.refund-metric-title{font-size:1rem;font-weight:600;color:#ffffffe6;margin:0;flex:1}.refund-metric-amount{font-size:1.6875rem;font-weight:700;color:#fffffff2;margin-bottom:8px;line-height:1.2}.refund-metric-percentage{color:#f59e0be6;font-size:.875rem;font-weight:500;margin-bottom:4px}.refund-metric-period{color:#fff9;font-size:.75rem;margin-bottom:16px}.refund-metric-breakdown{padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.breakdown-progress{display:flex;height:6px;background-color:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:12px}.breakdown-progress-manual{background-color:#3b82f6cc}.breakdown-progress-dispute{background-color:#ef4444cc}.breakdown-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#fff9}.metric-stats{display:flex;flex-direction:column;gap:8px}.metric-stat-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.metric-stat-label{color:#fff9}.metric-stat-value{color:#ffffffe6;font-weight:500}.metric-stat-link{color:#3b82f6e6;text-decoration:none;cursor:pointer;transition:color .2s ease}.metric-stat-link:hover{color:#3b82f6}.metric-stat-positive{color:#10b981e6}.data-visualization-section{margin-bottom:32px}.main-visualization-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.charts-column{display:flex;flex-direction:column;gap:24px}.charts-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sidebar-column{display:flex;flex-direction:column;gap:24px}.visualization-card{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px}.visualization-card.full-width,.visualization-card.half-width{width:100%}.card-brand-section-embedded{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px}.card-brand-section-embedded .card-brand-section{margin-bottom:0}.card-brand-section-embedded .card-brand-header{margin-bottom:20px}.ai-insights-section-embedded{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px}.ai-insights-section-embedded .ai-insights-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.ai-insights-section-embedded .ai-icon{color:#3b82f6e6}.ai-insights-section-embedded .ai-insights-title{font-size:1.125rem;font-weight:600;color:#ffffffe6;margin:0}.ai-insights-section-embedded .ai-insights-content{text-align:center;padding:24px}.ai-insights-section-embedded .coming-soon{color:#ffffff80;font-size:1rem;font-weight:500}.visualization-card h3{font-size:1.125rem;font-weight:600;color:#ffffffe6;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between}.view-link{font-size:.875rem;color:#3b82f6e6;text-decoration:none;cursor:pointer}.view-link:hover{color:#3b82f6}.chart-placeholder{height:200px;background-color:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:.875rem}.donut-chart-container{position:relative;height:200px;display:flex;align-items:center;justify-content:center}.donut-chart-center{position:absolute;text-align:center}.donut-chart-total{font-size:1.5rem;font-weight:700;color:#ffffffe6;margin-bottom:4px}.donut-chart-label{font-size:.75rem;color:#fff9}.card-brand-section{margin-bottom:32px}.card-brand-header{margin-bottom:24px}.card-brand-title{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin:0}.card-brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card-brand-card{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.card-brand-card:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:0 6px 20px #0000004d}.card-brand-logo{font-size:1.5rem;font-weight:700;color:#ffffffe6;margin-bottom:12px}.card-brand-amount{font-size:1.25rem;font-weight:600;color:#fffffff2;margin-bottom:8px}.card-brand-count{font-size:.875rem;color:#fff9;margin-bottom:12px}.card-brand-ratio{width:100%;height:6px;background-color:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.card-brand-ratio-fill{height:100%;background-color:#ef4444cc;border-radius:3px;transition:width .6s ease}.card-brand-percentage{font-size:.75rem;color:#fff9}.transactions-section{margin-bottom:32px}.transactions-header{margin-bottom:24px}.transactions-title{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin:0}.transactions-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}.tab-button{padding:12px 20px;background-color:transparent;border:none;color:#fff9;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500}.tab-button:hover{color:var(--color-text-primary)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.transactions-controls{display:flex;gap:12px;margin-bottom:24px;align-items:center}.search-container{position:relative;flex:1;max-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#fff6}.search-input{width:100%;padding:10px 12px 10px 40px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:#3b82f680;background-color:#ffffff0d}.search-input::placeholder{color:#fff6}.filter-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:.875rem}.filter-button:hover{background-color:#ffffff0d;border-color:#fff3;color:#ffffffe6}.transactions-table-container{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.transactions-table{width:100%;border-collapse:collapse}.transactions-table th{background-color:#ffffff05;padding:16px 20px;text-align:left;font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.08)}.transactions-table td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.875rem;color:#fffc}.transactions-table tr:hover{background-color:#ffffff05}.transactions-table tr:last-child td{border-bottom:none}.transaction-id{font-family:monospace;font-weight:500;color:#ffffffe6}.disputes-refunds-page .customer-name{font-weight:500;color:#ffffffe6}.order-id{font-family:monospace;color:#ffffffb3}.transaction-date{color:#ffffffb3}.transaction-amount{font-weight:600;color:#ffffffe6}.transaction-reason{color:#ffffffb3}.status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.status-approved{background-color:#10b98126;color:#10b981e6;border:1px solid rgba(16,185,129,.3)}.status-pending{background-color:#f59e0b26;color:#f59e0be6;border:1px solid rgba(245,158,11,.3)}.status-open{background-color:#f9731626;color:#f97316e6;border:1px solid rgba(249,115,22,.3)}.status-won{background-color:#10b98126;color:#10b981e6;border:1px solid rgba(16,185,129,.3)}.status-denied{background-color:#ef444426;color:#ef4444e6;border:1px solid rgba(239,68,68,.3)}.type-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.type-manual{background-color:#10b98126;color:#10b981e6;border:1px solid rgba(16,185,129,.3)}.type-dispute{background-color:#ef444426;color:#ef4444e6;border:1px solid rgba(239,68,68,.3)}.view-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s ease}.view-button:hover{background-color:#ffffff0d;border-color:#fff3;color:#ffffffe6}.no-transactions{padding:48px 24px;text-align:center;color:#ffffff80;font-size:.875rem}.ai-insights-section{margin-bottom:32px}.ai-insights-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.ai-icon{color:#3b82f6e6}.ai-insights-title{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin:0}.ai-insights-content{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:48px;text-align:center}.coming-soon{color:#ffffff80;font-size:1.125rem;font-weight:500}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#3b82f6;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 1200px){.refund-metrics-grid,.main-visualization-grid,.charts-bottom-row{grid-template-columns:1fr}.card-brand-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.disputes-refunds-container{padding:16px}.disputes-title{font-size:1.5rem}.time-period-selector{flex-direction:column;gap:8px}.period-button{text-align:center}.card-brand-grid{grid-template-columns:1fr}.refund-metric-card{padding:20px}.refund-metric-amount{font-size:2rem}}.alerts-container{padding:24px;background-color:transparent;min-height:100vh;color:#fafafa;width:100%;max-width:100%;box-sizing:border-box}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.alerts-title{font-size:2rem;font-weight:600;margin:0 0 8px;color:#fffffff2}.alerts-subtitle{font-size:1rem;color:#fff9;margin:0}.alerts-loading,.alerts-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#ffffffb3}.alerts-error button{margin-top:16px;padding:8px 16px;background-color:#63b3ed1a;border:1px solid rgba(99,179,237,.5);color:#63b3ed;border-radius:6px;cursor:pointer;transition:all .2s ease}.alerts-error button:hover{background-color:#63b3ed33;border-color:#63b3edb3}.alerts-refresh-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.alerts-refresh-button:hover:not(:disabled){background-color:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.alerts-refresh-button:disabled{opacity:.5;cursor:not-allowed}.alerts-sync-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.alerts-sync-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#a855f7;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.alerts-sync-button:hover:not(:disabled){background-color:#a855f726;border-color:#a855f766;transform:translateY(-1px)}.alerts-sync-button:disabled{opacity:.5;cursor:not-allowed}.alerts-sync-info{font-size:12px;color:#ffffff80;margin-right:4px}.alerts-filter-select{padding:8px 32px 8px 12px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.alerts-filter-select:hover{background-color:#ffffff14;border-color:#fff3}.alerts-filter-select:focus{outline:none;border-color:#a855f780;box-shadow:0 0 0 2px #a855f71a}.alerts-filter-select option{background-color:#0a0a0b;color:#fafafa;padding:8px}.alerts-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.alert-metric-card{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.alert-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(99,179,237,.5),transparent);opacity:0;transition:opacity .3s ease}.alert-metric-card:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:0 8px 24px #0006}.alert-metric-card:hover:before{opacity:1}.metric-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.metric-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.metric-icon-wrapper.total{background-color:#63b3ed26;color:#63b3ed}.metric-icon-wrapper.refunded{background-color:#52c41a26;color:#52c41a}.metric-icon-wrapper.flagged{background-color:#f5222d26;color:#f5222d}.metric-icon-wrapper.unmatched{background-color:#fa8c1626;color:#fa8c16}.metric-icon-wrapper.wip{background-color:#a855f726;color:#a855f7}.metric-icon-wrapper.amount{background-color:#fa8c1626;color:#fa8c16}.metric-title{font-size:.875rem;font-weight:500;color:#ffffffb3;margin:0}.metric-value{font-size:2rem;font-weight:600;color:#fffffff2;margin-bottom:8px;letter-spacing:-.025em;position:relative;min-height:40px;display:flex;align-items:center}.metric-description{font-size:.875rem;color:#ffffff80;margin-bottom:12px}.metric-footer{padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.metric-stat{font-size:.813rem;color:#fff9}.alerts-date-bar{margin-bottom:20px;position:relative;width:fit-content}.time-controls-container{position:relative;display:flex;align-items:center;z-index:100}.time-controls{display:flex;align-items:center;gap:8px;padding:4px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.time-controls>div{display:flex;gap:4px}.time-control-btn{padding:6px 12px;background-color:transparent;border:none;color:#fff9;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;white-space:nowrap}.time-control-btn:hover{background-color:#ffffff0d;color:#ffffffe6}.time-control-btn.active{background-color:#63b3ed26;color:#63b3ed}.time-control-btn.calendar-btn{padding:6px 8px;display:flex;align-items:center;justify-content:center}.date-picker-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;background:#1a1a1b;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 12px #00000080}.alerts-empty-state{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:60px 40px;text-align:center;max-width:600px;margin:60px auto}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;background-color:#63b3ed1a;border-radius:50%;margin-bottom:24px;color:#63b3edcc}.alerts-empty-state h2{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin:0 0 12px}.empty-state-description{font-size:1rem;color:#fff9;line-height:1.6;margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto}.empty-state-actions{display:flex;gap:12px;justify-content:center;margin-bottom:40px}.empty-state-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.empty-state-button.primary{background-color:#63b3ed26;border:1px solid rgba(99,179,237,.5);color:#63b3ed}.empty-state-button.primary:hover{background-color:#63b3ed40;border-color:#63b3edb3;transform:translateY(-1px)}.empty-state-button.secondary{background-color:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.empty-state-button.secondary:hover{background-color:#ffffff0d;border-color:#fff3}.empty-state-info{text-align:left;background-color:#ffffff05;border-radius:12px;padding:24px;margin-top:32px}.empty-state-info h3{font-size:1rem;font-weight:600;color:#fffc;margin:0 0 16px}.empty-state-info ul{margin:0;padding-left:20px;list-style:none}.empty-state-info li{position:relative;font-size:.875rem;color:#fff9;line-height:1.8;padding-left:20px}.empty-state-info li:before{content:"•";position:absolute;left:0;color:#63b3ed99;font-weight:700}.alerts-table-section{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;margin-top:32px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-title{font-size:1.25rem;font-weight:600;color:#ffffffe6;margin:0}.alerts-table-wrapper{overflow:hidden;border-radius:8px}.alerts-table .ant-table{background:transparent!important;color:#ffffffd9!important}.alerts-table .ant-table-placeholder{background:transparent!important}.alerts-table .ant-table-placeholder .ant-table-cell{background:transparent!important;border-bottom:none!important}.alerts-table .ant-empty,.alerts-table .ant-empty-description{color:#ffffff73!important}.alerts-table .ant-empty-image{opacity:.3}.alerts-table .ant-table-tbody{background:transparent!important}.alerts-table .ant-table-thead>tr>th{background:#ffffff08!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:#ffffffb3!important;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.alerts-table .ant-table-tbody>tr>td{border-bottom:1px solid rgba(255,255,255,.05)!important;background:transparent!important;color:#ffffffd9!important;padding:12px 16px!important}.alerts-table .ant-table-tbody>tr:hover>td{background:#ffffff08!important}.alerts-table .ant-typography{color:#ffffffd9!important}.alerts-table .ant-typography.ant-typography-secondary{color:#ffffff80!important}.alerts-table .ant-badge-status-text{color:#ffffffd9!important}.alerts-table .ant-tag{background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important;color:#ffffffe6!important}.alerts-table .ant-tag.ant-tag-green{background:#52c41a1a!important;border-color:#52c41a4d!important;color:#52c41a!important}.alerts-table .ant-tag.ant-tag-blue{background:#1890ff1a!important;border-color:#1890ff4d!important;color:#1890ff!important}.alerts-table .ant-tag.ant-tag-orange{background:#fa8c161a!important;border-color:#fa8c164d!important;color:#fa8c16!important}.alerts-table .ant-table-pagination{margin-top:16px;display:flex;justify-content:flex-end;align-items:center}.alerts-table .ant-pagination{display:flex;align-items:center;gap:4px}.alerts-table .ant-pagination-total-text{color:#fff9!important;margin-right:auto}.alerts-table .ant-pagination-item,.alerts-table .ant-pagination-prev,.alerts-table .ant-pagination-next,.alerts-table .ant-pagination-jump-prev,.alerts-table .ant-pagination-jump-next{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;min-width:32px!important;height:32px!important;line-height:30px!important}.alerts-table .ant-pagination-item a,.alerts-table .ant-pagination-item-link,.alerts-table .ant-pagination-item-ellipsis{color:#ffffffb3!important}.alerts-table .ant-pagination-item:hover,.alerts-table .ant-pagination-prev:hover,.alerts-table .ant-pagination-next:hover{background:#ffffff14!important;border-color:#fff3!important}.alerts-table .ant-pagination-item:hover a,.alerts-table .ant-pagination-prev:hover .ant-pagination-item-link,.alerts-table .ant-pagination-next:hover .ant-pagination-item-link{color:#ffffffe6!important}.alerts-table .ant-pagination-item-active{background:#63b3ed33!important;border-color:#63b3ed80!important}.alerts-table .ant-pagination-item-active a{color:#63b3ed!important}.alerts-table .ant-pagination-disabled .ant-pagination-item-link{color:#ffffff4d!important;cursor:not-allowed!important}.alerts-table .ant-select-selector{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;color:#ffffffd9!important}.alerts-table .ant-select:hover .ant-select-selector{border-color:#fff3!important}.alerts-table .ant-select-arrow{color:#ffffff80!important}.alerts-table .ant-select-dropdown{background:#1a1a1b!important;border:1px solid rgba(255,255,255,.1)!important}.alerts-table .ant-select-item{color:#ffffffd9!important}.alerts-table .ant-select-item:hover{background:#ffffff14!important}.alerts-table .ant-select-item-option-selected{background:#63b3ed26!important;color:#63b3ed!important}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#63b3edcc;border-radius:50%;animation:spin .8s linear infinite}.metric-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:#63b3edcc;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.alert-metric-card.loading{position:relative;overflow:hidden}.alert-metric-card.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.alerts-integration-cta{max-width:800px;margin:60px auto;text-align:center}.cta-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,#a855f726,#63b3ed26);border:2px solid rgba(168,85,247,.3);border-radius:50%;margin-bottom:32px;color:#a855f7e6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 #a855f766}50%{box-shadow:0 0 0 20px #a855f700}to{box-shadow:0 0 #a855f700}}.cta-title{font-size:2rem;font-weight:600;color:#fffffff2;margin:0 0 16px;letter-spacing:-.025em}.cta-description{font-size:1.125rem;color:#ffffffb3;line-height:1.6;max-width:600px;margin:0 auto 40px}.cta-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:40px 0;padding:40px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px}.cta-feature{display:flex;align-items:center;gap:12px;text-align:left;color:#ffffffd9;font-size:.95rem}.cta-feature-icon{flex-shrink:0;color:#52c41ae6}.cta-actions{display:flex;gap:16px;justify-content:center;margin:40px 0;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.cta-button.primary{background:linear-gradient(135deg,#a855f733,#63b3ed33);border:1px solid rgba(168,85,247,.5);color:#a855f7;box-shadow:0 4px 12px #a855f71a}.cta-button.primary:hover{background:linear-gradient(135deg,#a855f74d,#63b3ed4d);border-color:#a855f7b3;transform:translateY(-2px);box-shadow:0 6px 20px #a855f733}.cta-button.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#ffffffe6}.cta-button.secondary:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.cta-help{margin-top:60px;padding:32px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.cta-help h3{font-size:1.125rem;font-weight:600;color:#ffffffe6;margin:0 0 12px}.cta-help p{font-size:.95rem;color:#ffffffb3;margin:0 0 16px}.cta-help ul{margin:0;padding-left:24px;list-style:none}.cta-help li{position:relative;font-size:.9rem;color:#ffffffa6;line-height:1.8;padding-left:20px}.cta-help li:before{content:"→";position:absolute;left:0;color:#63b3edb3}@media (max-width: 768px){.alerts-container{padding:16px}.alerts-header{flex-direction:column;gap:16px}.alerts-metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.alert-metric-card{padding:16px}.metric-value{font-size:1.5rem}.alerts-empty-state{padding:40px 20px}.empty-state-actions{flex-direction:column;width:100%}.empty-state-button{width:100%;justify-content:center}}.forecast-page-root{padding:20px;max-width:100%;margin:0 auto}.forecast-page-root .forecast-date-bar{margin-bottom:20px}.forecast-page-root .forecast-time-controls-container{position:relative;display:flex;align-items:center;z-index:100}.forecast-page-root .forecast-time-controls{background-color:var(--color-surface);border-radius:.5rem;padding:.125rem;display:flex;align-items:center;box-shadow:0 1px 2px #0000000d}.forecast-page-root .forecast-time-controls>div{display:flex;gap:.25rem}.forecast-page-root .forecast-time-control-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.375rem;transition:all .2s;border:none;cursor:pointer;background:none;color:var(--color-text-secondary)}.forecast-page-root .forecast-time-control-btn:not(.forecast-active):hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.forecast-page-root .forecast-time-control-btn.forecast-active{background-color:var(--color-surface-active);color:var(--color-text-primary);border:1px solid var(--color-border)}.forecast-page-root .forecast-time-control-btn:disabled{opacity:.5;cursor:not-allowed}.forecast-page-root .forecast-time-control-btn:last-child{margin-left:.25rem}.forecast-page-root .forecast-time-control-btn.calendar-btn{margin-left:.25rem;padding:.375rem;background-color:var(--color-surface);border:1px solid var(--color-border)}.forecast-page-root .forecast-time-control-btn.calendar-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.forecast-page-root .forecast-time-control-btn.calendar-btn .icon-calendar{width:16px;height:16px}.forecast-page-root .date-picker-container{position:absolute;top:100%;right:0;margin-top:.5rem;z-index:1000}.forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.forecast-title h1{margin:0;font-size:1.875rem;font-weight:700;color:var(--color-text-primary)}.forecast-title p{margin:4px 0 0;color:var(--color-text-secondary);font-size:.875rem}.forecast-header h1{margin:0;font-size:24px;font-weight:600;color:var(--color-text-primary)}.forecast-header-actions{display:flex;gap:10px}.forecast-search-bar.forecast-improved{display:flex;align-items:center;background:#1f293799;border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;gap:8px;color:var(--color-text-secondary)}.forecast-search-bar.forecast-improved input{background:none;border:none;color:var(--color-text-primary);outline:none;font-size:.875rem;width:200px}.forecast-search-bar.forecast-improved input::placeholder{color:var(--color-text-secondary)}.forecast-stats-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:20px;margin-bottom:30px}.forecast-stat-card{background:transparent;border:1px solid var(--color-border);border-radius:8px;padding:20px 20px 45px;text-align:left;transition:all .2s}.forecast-stat-card:hover{border-color:var(--color-border);transform:translateY(-1px)}.forecast-stat-label{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:8px;display:flex;align-items:center;gap:8px}.forecast-stat-value{font-size:2.2rem;font-weight:600;color:var(--color-text-primary)}.forecast-chart-wrapper{background:transparent;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin-bottom:20px;height:unset}.forecast-chart-container{padding:20px}.forecast-chart-header{margin-bottom:20px;text-align:center}.forecast-chart-header h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.forecast-chart-header p{margin:0;color:var(--color-text-secondary);font-size:.875rem}.forecast-chart-content{height:400px;position:relative}.forecast-table-wrapper{background:transparent;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin-bottom:20px}.forecast-table-container{padding:20px}.forecast-table-header{margin-bottom:20px;text-align:center}.forecast-table-header h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.forecast-table-header p{margin:0;color:var(--color-text-secondary);font-size:.875rem}.forecast-table{width:100%;border-collapse:collapse;font-size:.875rem}.forecast-table th,.forecast-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.forecast-table th{background-color:#37415180;color:var(--color-text-primary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.forecast-table td{color:var(--color-text-secondary)}.forecast-table tbody tr:hover{background-color:#3741514d}.forecast-table tbody tr:last-child td{border-bottom:none}.forecast-chart-container.forecast-skeleton .forecast-chart-header{height:60px;background:var(--color-surface-hover);border-radius:4px;margin-bottom:20px}.forecast-chart-container.forecast-skeleton .forecast-chart-content{height:400px}.forecast-chart-skeleton{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px 0}.forecast-chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:100%;padding:0 20px}.forecast-chart-bar{display:flex;flex-direction:column;align-items:center;flex:1;margin:0 5px}.forecast-bar{width:100%;background:var(--color-surface-hover);border-radius:2px;margin-bottom:8px;animation:forecast-shimmer 1.5s infinite}.forecast-bar-label{height:1rem;background:var(--color-surface-hover);border-radius:4px;width:80%;animation:forecast-shimmer 1.5s infinite}.forecast-skeleton-line{height:2px;background:var(--color-surface-hover);border-radius:2px;margin:10px 0;animation:forecast-shimmer 1.5s infinite}.forecast-message-container{text-align:center;padding:40px 20px;border-radius:8px;margin:20px 0}.forecast-message-container.forecast-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.forecast-message-container.forecast-no-data{background:#6b72801a;border:1px solid rgba(107,114,128,.2);color:var(--color-text-secondary)}.forecast-message-container p{margin:0;font-size:1rem}.forecast-skeleton{background:linear-gradient(90deg,var(--color-surface-hover) 25%,var(--color-surface-active) 50%,var(--color-surface-hover) 75%);background-size:200% 100%;animation:forecast-shimmer 1.5s infinite}@keyframes forecast-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.forecast-skeleton-text,.forecast-skeleton-label{height:1rem;background:var(--color-surface-hover);border-radius:4px;margin-bottom:.5rem}.forecast-skeleton-value{height:2.2rem;background:var(--color-surface-hover);border-radius:4px;width:60%}.forecast-skeleton-badge{height:1.5rem;width:4rem;background:var(--color-surface-hover);border-radius:4px}.forecast-skeleton-row td{padding:12px 16px}.forecast-skeleton-row td div{height:1rem;background:var(--color-surface-hover);border-radius:4px}@media (max-width: 768px){.forecast-page-root{padding:10px}.forecast-stats-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:15px}.forecast-stat-card{padding:15px}.forecast-stat-value{font-size:1.8rem}.forecast-header{flex-direction:column;gap:15px;align-items:flex-start}.forecast-search-bar.forecast-improved input{width:150px}.forecast-time-controls>div{flex-wrap:wrap}.forecast-time-control-btn{font-size:.7rem;padding:.25rem .5rem}.forecast-page-root .forecast-time-controls>div{flex-wrap:wrap}.forecast-page-root .forecast-time-control-btn{font-size:.7rem;padding:.25rem .5rem}}p{margin-bottom:10px}button{margin-bottom:20px}.connected-brands-container{padding:24px;background-color:#f9fafb;min-height:100vh}.connected-brands-header{background:#fff;border-radius:12px;padding:24px 32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center}.connected-brands-header h1{font-size:28px;font-weight:700;color:#111827;margin:0}.connected-brands-header p{font-size:14px;color:#6b7280;margin:4px 0 0}.create-brand-btn{display:flex;align-items:center;gap:8px;background-color:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-brand-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.brands-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.toolbar-left{display:flex;gap:16px;flex:1}.search-box{position:relative;flex:1;max-width:400px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280}.search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:all .2s}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-dropdown{position:relative;display:flex;align-items:center;gap:8px;background:#fff;padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px}.filter-dropdown svg{color:#6b7280}.filter-dropdown select{border:none;background:none;font-size:14px;color:#374151;cursor:pointer}.filter-dropdown select:focus{outline:none}.view-toggle{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.view-toggle button{padding:8px 12px;border:none;background:none;cursor:pointer;display:flex;align-items:center;color:#6b7280;transition:all .2s}.view-toggle button:not(:last-child){border-right:1px solid #e5e7eb}.view-toggle button.active{background-color:#3b82f6;color:#fff}.view-toggle button:hover:not(.active){background-color:#f3f4f6}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.brand-card.chargeblast-setup{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:all .3s;position:relative;border:2px dashed #e5e7eb}.brand-card.chargeblast-setup:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.chargeblast-setup-content{text-align:center;padding:24px 0}.setup-icon{margin-bottom:24px;color:#9ca3af}.chargeblast-setup-content h4{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px}.chargeblast-setup-content p{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.6}.setup-chargeblast-btn{display:inline-flex;align-items:center;gap:8px;background-color:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.setup-chargeblast-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.brand-card.chargeblast-connected{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:all .3s;position:relative;border:2px solid #10b981}.brand-card.chargeblast-connected:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.chargeblast-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#d1fae5;color:#065f46;border-radius:20px;font-size:12px;font-weight:500}.view-alerts-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#10b981;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:20px}.view-alerts-btn:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.view-alerts-btn svg:last-child{margin-left:auto}.brand-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.brand-card-title{display:flex;gap:12px;align-items:flex-start}.brand-icon{color:#3b82f6;flex-shrink:0}.brand-card-title h3{margin:0;font-size:18px;font-weight:600;color:#111827}.brand-type{font-size:12px;color:#6b7280}.brand-card-menu{position:relative}.menu-trigger{padding:4px;border:none;background:none;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s}.menu-trigger:hover{background-color:#f3f4f6}.brand-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:10;overflow:hidden}.brand-menu-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:none;font-size:14px;color:#374151;cursor:pointer;text-align:left;transition:all .2s}.brand-menu-dropdown button:hover{background-color:#f3f4f6}.brand-menu-dropdown button.delete-action{color:#ef4444}.brand-menu-dropdown button.delete-action:hover{background-color:#fee2e2}.brand-card-status{display:flex;gap:8px;align-items:center;margin-bottom:20px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.mid-badge{padding:4px 12px;background-color:#f3f4f6;color:#374151;border-radius:20px;font-size:12px;font-weight:500}.brand-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.stat-item{display:flex;align-items:flex-start;gap:12px}.stat-item svg{color:#6b7280;margin-top:2px}.stat-item div{display:flex;flex-direction:column}.stat-value{font-size:18px;font-weight:600;color:#111827}.stat-label{font-size:12px;color:#6b7280;margin-top:2px}.brand-card-integrations{margin-bottom:20px}.brand-card-integrations h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.integration-list{display:flex;flex-wrap:wrap;gap:8px}.integration-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize}.integration-badge.active{background-color:#e0e7ff;color:#3730a3}.integration-badge.inactive{background-color:#f3f4f6;color:#6b7280}.no-integrations{font-size:12px;color:#9ca3af;font-style:italic}.brand-card-footer{padding-top:16px;border-top:1px solid #e5e7eb}.created-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.brands-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.brands-table{width:100%;border-collapse:collapse}.brands-table th{background-color:#f9fafb;padding:16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.brands-table td{padding:16px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#374151}.brands-table tr:last-child td{border-bottom:none}.brands-table tr:hover{background-color:#f9fafb}.brand-name-cell{display:flex;align-items:center;gap:12px}.brand-name-cell strong{display:block;font-weight:600;color:#111827}.actions-cell{display:flex;gap:8px}.action-btn{padding:6px;border:none;background:none;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s}.action-btn:hover{background-color:#f3f4f6;color:#374151}.action-btn.delete:hover{background-color:#fee2e2;color:#ef4444}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:12px;text-align:center}.empty-state svg{color:#e5e7eb;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0 0 24px}@media (max-width: 768px){.connected-brands-container{padding:16px}.header-content{flex-direction:column;align-items:flex-start;gap:16px}.brands-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column}.search-box{max-width:none}.brands-grid,.brand-card-stats{grid-template-columns:1fr}.brands-table-container{overflow-x:auto}.brands-table{min-width:800px}}html,body,#root{margin:0;padding:0;background-color:var(--color-background, #0a0a0b);color:var(--color-text-primary, #fafafa);height:100%;width:100%}*{box-sizing:border-box}#root,.app,.layout{background-color:var(--color-background, #0a0a0b);min-height:100vh}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:24px;border:1px solid var(--color-border, #27272a);border-radius:8px;background-color:var(--color-surface, #18181a)}.customers-table-container,.transactions-table-container,.subscriptions-table-container,.orders-table-container{margin-top:0;border:none;border-radius:0;overflow:visible;background-color:transparent}.customers-table,.transactions-table,.subscriptions-table,.orders-table{width:100%;min-width:800px;border-collapse:collapse;background-color:transparent}.message-container{text-align:center;padding:60px 20px;margin-top:24px;border:1px solid var(--color-border, #27272a);border-radius:8px;background-color:var(--color-surface, #18181a);color:var(--color-text-secondary, #a1a1aa);font-size:14px}.message-container.no-data p{font-style:italic}.message-container.error p{color:var(--color-error, #ef4444);font-style:normal}.message-container p{margin:0}