app-component{display:block}#main-content{margin-left:0;margin-top:var(--header-height);min-height:calc(100vh - var(--header-height))}#content-area{padding:var(--spacing-md)}app-component .loading-container{display:flex;justify-content:center;align-items:center;height:100vh;gap:var(--spacing-md);font-size:var(--font-size-lg);color:var(--text-secondary)}app-component .spinner{border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;width:2.5rem;height:2.5rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:768px){#main-content{margin-left:var(--sidebar-width)}#content-area{padding:var(--spacing-lg)}}@media(min-width:1024px){#content-area{padding:var(--spacing-xl);max-width:87.5rem}}:root{--primary-color: #007FAA;--primary-color-dark: #016080;--primary-color-light: #019FD4;--primary-color-lighter: #89C6DB;--success-color: #30B700;--success-color-dark: #00968F;--danger-color: #EB3300;--danger-color-dark: #EF456F;--danger-color-light: #F15C3B;--danger-color-lighter: #fef2f2;--warning-color: #F99E1C;--warning-color-dark: #F47C24;--info-color: #00A9E0;--info-color-light: #bfdbfe;--info-color-lighter: #eff6ff;--white: #ffffff;--black: #000000;--neutral-dark: #4D4D4F;--neutral-medium: #A3A3A3;--neutral-light: #EBEBEC;--backdrop-overlay: rgba(0, 0, 0, .5);--text-primary: #000000;--text-secondary: #4D4D4F;--border-color: #EBEBEC;--background: #f8f9fa;--card-shadow: 0 1px 3px rgba(0, 0, 0, .08);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .12);--sidebar-width: 15rem;--header-height: 3.5rem;--surface-hover: #f5f5f5;--surface-tertiary: #e9ecef;--badge-success-bg: #d1fae5;--badge-success-text: #166534;--badge-warning-bg: #fef3c7;--badge-warning-text: #F47C24;--badge-info-bg: #dbeafe;--badge-info-text: #075985;--badge-neutral-bg: #EBEBEC;--badge-neutral-text: #4D4D4F;--badge-deleted-bg: #fef2f2;--badge-deleted-text: #9d0b30;--warning-bg: #fffbea;--warning-text: #92400e;--warning-text-dark: #78350f;--warning-accent: #FEBE10;--error-bg: #ffeeee;--error-border: #ffcccc;--error-text: #cc0000;--success-bg: #eeffee;--success-border: #ccffcc;--success-text: #006600;--delete-btn-bg: #EB3300;--delete-btn-hover: #EF456F;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--box-shadow-sm: 0 4px 6px rgba(0, 0, 0, .1);--focus-ring-overlay: rgba(59, 130, 246, .1);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--touch-target-min: 2.75rem;--transition-fast: .15s ease;--transition-normal: .25s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}@media(min-width:768px){:root{--header-height: 4rem;--spacing-md: 1.25rem;--spacing-lg: 1.75rem;--spacing-xl: 2.5rem}}@media(min-width:1024px){:root{--spacing-lg: 2rem;--spacing-xl: 3rem}}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}}.hide-tablet-up{display:block}@media(min-width:768px){.hide-tablet-up{display:none}}.hide-desktop{display:block}@media(min-width:1024px){.hide-desktop{display:none}}[data-theme=dark]{--primary-color: #1a8fb8;--primary-color-dark: #147a9f;--primary-color-light: #3da3c7;--primary-color-lighter: #1a3642;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--white: #1a1a1a;--background: #0f0f0f;--surface-hover: #2a2a2a;--surface-tertiary: #2a2a2a;--border-color: #3a3a3a;--neutral-light: #2a2a2a;--backdrop-overlay: rgba(0, 0, 0, .8);--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .5);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--box-shadow-sm: 0 4px 6px rgba(0, 0, 0, .3);--badge-success-bg: #2a2a2a;--badge-success-text: #5ef090;--badge-warning-bg: #2a2a2a;--badge-warning-text: #fbbf24;--badge-info-bg: #2a2a2a;--badge-info-text: #7cb8ff;--badge-neutral-bg: #2a2a2a;--badge-neutral-text: #bfbfc6;--badge-deleted-bg: #2a2a2a;--badge-deleted-text: #ff90b3;--warning-bg: #2a2416;--warning-text: #fbbf24;--warning-text-dark: #fcd34d;--warning-accent: #f59e0b;--error-bg: #2a1616;--error-border: #5a2020;--error-text: #fca5a5;--success-bg: #162a1e;--success-border: #205a3a;--success-text: #86efac;--success-color: #5ef090;--success-color-dark: #4cd977;--danger-color: #ff6b6b;--danger-color-dark: #ff5252;--danger-color-light: #ff8a80;--danger-color-lighter: #2a1616;--warning-color: #fbbf24;--info-color: #7cb8ff;--info-color-light: #a0cfff;--info-color-lighter: #1e3a5f;--delete-btn-bg: #ff6b6b;--delete-btn-hover: #ff5252;--focus-ring-overlay: rgba(77, 184, 232, .2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary-color: #1a8fb8;--primary-color-dark: #147a9f;--primary-color-light: #3da3c7;--primary-color-lighter: #1a3642;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--white: #1a1a1a;--background: #0f0f0f;--surface-hover: #2a2a2a;--surface-tertiary: #2a2a2a;--border-color: #3a3a3a;--neutral-light: #2a2a2a;--backdrop-overlay: rgba(0, 0, 0, .8);--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .5);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--box-shadow-sm: 0 4px 6px rgba(0, 0, 0, .3);--badge-success-bg: #2a2a2a;--badge-success-text: #5ef090;--badge-warning-bg: #2a2a2a;--badge-warning-text: #fbbf24;--badge-info-bg: #2a2a2a;--badge-info-text: #7cb8ff;--badge-neutral-bg: #2a2a2a;--badge-neutral-text: #bfbfc6;--badge-deleted-bg: #2a2a2a;--badge-deleted-text: #ff90b3;--warning-bg: #2a2416;--warning-text: #fbbf24;--warning-text-dark: #fcd34d;--warning-accent: #f59e0b;--error-bg: #2a1616;--error-border: #5a2020;--error-text: #fca5a5;--success-bg: #162a1e;--success-border: #205a3a;--success-text: #86efac;--success-color: #5ef090;--success-color-dark: #4cd977;--danger-color: #ff6b6b;--danger-color-dark: #ff5252;--danger-color-light: #ff8a80;--danger-color-lighter: #2a1616;--warning-color: #fbbf24;--info-color: #7cb8ff;--info-color-light: #a0cfff;--info-color-lighter: #1e3a5f;--delete-btn-bg: #ff6b6b;--delete-btn-hover: #ff5252;--focus-ring-overlay: rgba(77, 184, 232, .2)}}router-component{display:block;margin-left:0;margin-top:var(--header-height);min-height:calc(100vh - var(--header-height))}@media(min-width:768px){router-component{margin-left:var(--sidebar-width)}}header-component{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--white);border-bottom:1px solid var(--border-color);z-index:100}header-component .header-container{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-md);height:100%}header-component .logo{display:flex;align-items:center;gap:var(--spacing-sm)}header-component .logo img{height:2rem}header-component .logo h1{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}header-component .menu{display:flex;gap:var(--spacing-xs);align-items:center}header-component .menu-toggle{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);background:none;border:none;cursor:pointer;padding:0;color:var(--text-primary)}header-component .menu-toggle svg{width:1.5rem;height:1.5rem}@media(min-width:768px){header-component .header-container{padding:0 var(--spacing-lg)}header-component .logo img{height:2.25rem}header-component .logo h1{font-size:var(--font-size-xl)}header-component .menu{gap:var(--spacing-sm)}header-component .menu-toggle{display:none}}@media(min-width:1024px){header-component .header-container{padding:0 var(--spacing-xl)}}button-component button{background-color:transparent;border:none;color:var(--primary-color);border-radius:16px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:700;height:32px;text-transform:uppercase}button-component button:disabled{cursor:not-allowed}button-component button:focus-visible{outline-color:var(--primary-color-dark);outline-offset:2px;outline-style:solid;outline-width:2px}button-component button.primary{background-color:var(--primary-color);border:2px solid var(--primary-color);color:var(--white)}button-component button.primary:hover{background-color:var(--primary-color-dark);border-color:var(--primary-color-dark)}button-component button.primary:active{background-color:var(--primary-color-light);border-color:var(--primary-color-light)}button-component button.primary:disabled{background-color:var(--primary-color-lighter);border-color:var(--primary-color-lighter)}button-component button.secondary{background-color:var(--white);border:2px solid var(--primary-color);color:var(--primary-color)}button-component button.secondary:hover{border-color:var(--primary-color-dark);color:var(--primary-color-dark)}button-component button.secondary:active{border-color:var(--primary-color-light);color:var(--primary-color-light)}button-component button.secondary:disabled{border-color:var(--primary-color-lighter);color:var(--primary-color-lighter)}theme-toggle{display:flex;align-items:center}.theme-toggle-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:500;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.theme-toggle-checkbox{width:2rem;height:1.25rem;cursor:pointer;appearance:none;background-color:var(--neutral-light);border:2px solid var(--border-color);border-radius:1rem;position:relative;transition:all var(--transition-fast);flex-shrink:0}.theme-toggle-checkbox:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.theme-toggle-checkbox:before{content:"";position:absolute;width:.75rem;height:.75rem;border-radius:50%;background-color:var(--white);top:50%;left:.125rem;transform:translateY(-50%);transition:left var(--transition-fast)}.theme-toggle-checkbox:checked:before{left:1rem}.theme-toggle-checkbox:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media(min-width:768px){.theme-toggle-label{gap:var(--spacing-sm);font-size:var(--font-size-sm)}.theme-toggle-checkbox{width:2.5rem;height:1.5rem}.theme-toggle-checkbox:before{width:1rem;height:1rem}.theme-toggle-checkbox:checked:before{left:1.25rem}}sidebar-component .sidebar-nav{background:var(--white);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:.25rem;height:calc(100vh - var(--header-height));padding:var(--spacing-sm);transition:left var(--transition-normal);width:var(--sidebar-width);position:fixed;left:calc(var(--sidebar-width) * -1);top:var(--header-height)}sidebar-component.active .sidebar-nav{left:0}sidebar-component .nav-item{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast)}sidebar-component .nav-item:hover{border-bottom-color:var(--primary-color);color:var(--primary-color)}sidebar-component .nav-item.active{background:var(--primary-color);color:var(--white)}sidebar-component .sidebar-overlay{background:var(--backdrop-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);position:fixed;bottom:0;left:0;right:0;top:var(--header-height)}sidebar-component.active .sidebar-overlay{opacity:1;pointer-events:auto}@media(min-width:768px){sidebar-component .sidebar-nav{left:0}sidebar-component .sidebar-overlay{display:none}}home-page{display:block;padding:var(--spacing-lg)}home-page .page-header{margin-bottom:var(--spacing-lg)}home-page h1{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}home-page .page-header p{margin:0;color:var(--text-secondary)}home-page .dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--spacing-lg)}home-page .dashboard-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--spacing-sm);padding:var(--spacing-lg);box-shadow:var(--card-shadow);cursor:pointer;transition:all .2s ease}home-page .dashboard-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover);border-color:var(--primary-color-light)}home-page .dashboard-card h2{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}home-page .dashboard-card p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}@media(min-width:768px){home-page .page-header{margin-bottom:var(--spacing-xl)}home-page h1{font-size:var(--font-size-3xl)}}merchant-pricing-page{width:100%;height:100%;overflow-y:auto;background-color:var(--white)}merchant-pricing-page .page-container{max-width:75rem;margin:0 auto;padding:var(--spacing-md)}merchant-pricing-page .page-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}merchant-pricing-page .page-header .back-button{flex-shrink:0}merchant-pricing-page .page-header .page-title{margin:0}merchant-pricing-page .error-message{background-color:var(--white);color:error-color;padding:var(--spacing-md);border-radius:.25rem;margin-bottom:var(--spacing-md);border-left:.25rem solid error-color}merchant-pricing-page .success-message{background-color:var(--white);color:success-color;padding:var(--spacing-md);border-radius:.25rem;margin-bottom:var(--spacing-md);border-left:.25rem solid success-color}merchant-pricing-page .merchant-id-section{display:flex;justify-content:center;align-items:center;min-height:25rem}merchant-pricing-page .merchant-id-card{background:var(--white);border-radius:.5rem;padding:var(--spacing-lg);box-shadow:var(--card-shadow);width:100%;max-width:31.25rem}merchant-pricing-page .card-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;text-align:center}merchant-pricing-page .merchant-id-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}merchant-pricing-page .input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}merchant-pricing-page .input-label{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}merchant-pricing-page .merchant-id-input{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:.25rem;font-size:var(--font-size-base);background-color:var(--white);color:var(--text-primary);transition:border-color var(--transition-fast)}merchant-pricing-page .merchant-id-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-lighter)}merchant-pricing-page .merchant-id-input:disabled{background-color:var(--background);cursor:not-allowed}merchant-pricing-page .helper-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}merchant-pricing-page .pricing-form-section{background:var(--white);border-radius:.5rem;padding:var(--spacing-lg);box-shadow:var(--card-shadow)}merchant-pricing-page .info-card{background-color:var(--background);border:1px solid var(--border-color);border-radius:.25rem;padding:var(--spacing-md);margin-bottom:var(--spacing-xl)}merchant-pricing-page .merchant-info{margin:0;font-size:var(--font-size-base);color:var(--text-primary)}merchant-pricing-page .merchant-info strong{font-weight:600}merchant-pricing-page .section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}merchant-pricing-page .field-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}merchant-pricing-page .field-container-horizontal{flex-direction:row;align-items:center;gap:var(--spacing-md)}merchant-pricing-page .field-container-horizontal .field-label{min-width:12.5rem;flex-shrink:0;margin:0}merchant-pricing-page .field-container-horizontal .input-wrapper{flex:1;max-width:18.75rem}merchant-pricing-page .field-label{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}merchant-pricing-page .pricing-model-select{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:.25rem;font-size:var(--font-size-base);background-color:var(--white);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast)}merchant-pricing-page .pricing-model-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-lighter)}merchant-pricing-page .pricing-model-select:disabled{background-color:var(--background);cursor:not-allowed}merchant-pricing-page .button-container{display:flex;gap:var(--spacing-md);justify-content:flex-start;margin-top:var(--spacing-md)}merchant-pricing-page .pricing-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--background);border-radius:.375rem;border:1px solid var(--border-color);min-height:fit-content}merchant-pricing-page .pricing-section .section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--border-color)}merchant-pricing-page .pricing-section-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}merchant-pricing-page .checkbox-container{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}merchant-pricing-page .checkbox-container input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--primary-color)}merchant-pricing-page .checkbox-label{font-weight:500;color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;-webkit-user-select:none;user-select:none}merchant-pricing-page .input-wrapper{display:flex;align-items:center;position:relative;flex:1;max-width:18.75rem}merchant-pricing-page .currency-prefix{position:absolute;left:var(--spacing-sm);top:47%;transform:translateY(-50%);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:400;line-height:1;pointer-events:none;z-index:1}merchant-pricing-page .numeric-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 1.75rem;border:1px solid var(--border-color);border-radius:.25rem;font-size:var(--font-size-base);background-color:var(--white);color:var(--text-primary);transition:border-color var(--transition-fast);width:100%;-moz-appearance:textfield;appearance:textfield}merchant-pricing-page .numeric-input.no-currency{padding:var(--spacing-sm)}merchant-pricing-page .numeric-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-lighter)}merchant-pricing-page .numeric-input:disabled{background-color:var(--background);cursor:not-allowed}merchant-pricing-page .numeric-input::-webkit-outer-spin-button,merchant-pricing-page .numeric-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}merchant-pricing-page .warning-message{background-color:var(--white);color:warning-color;padding:var(--spacing-sm);border-radius:.25rem;border-left:.25rem solid warning-color;font-size:var(--font-size-sm)}merchant-pricing-page .info-message{background-color:var(--white);color:info-color;padding:var(--spacing-sm);border-radius:.25rem;border-left:.25rem solid info-color;font-size:var(--font-size-sm)}merchant-pricing-page .pricing-model-section{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}merchant-pricing-page .pricing-model-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}merchant-pricing-page .pricing-model-header .section-title{margin:0;flex:1}merchant-pricing-page .pricing-model-header .update-pricing-button{width:100%}merchant-pricing-page .read-only-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}merchant-pricing-page .pricing-model-display{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--background);border:1px solid var(--border-color);border-radius:.25rem;font-size:var(--font-size-base);font-weight:500;color:var(--text-primary)}merchant-pricing-page .readonly-value{padding:var(--spacing-xs) 0;font-size:var(--font-size-base);color:var(--text-primary);font-weight:400}merchant-pricing-page .field-container-readonly{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) 0}merchant-pricing-page .field-container-readonly .field-label{min-width:12.5rem;flex-shrink:0;margin:0;font-weight:500}merchant-pricing-page .field-container-readonly .readonly-value{flex:1;padding:0}merchant-pricing-page .side-by-side-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:start}merchant-pricing-page .readonly-content-wrapper,merchant-pricing-page .pricing-edit-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}merchant-pricing-page .comparison-column{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:.375rem;min-height:25rem}merchant-pricing-page .comparison-column-readonly{background-color:var(--background);border:2px solid var(--border-color)}merchant-pricing-page .comparison-column-editable{background-color:var(--white);border:2px solid var(--primary-color)}merchant-pricing-page .column-header{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}merchant-pricing-page .comparison-column-editable .column-header{color:var(--primary-color);border-bottom-color:var(--primary-color)}merchant-pricing-page .edit-form-buttons{display:flex;flex-direction:column-reverse;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}merchant-pricing-page .edit-form-buttons button{width:100%}merchant-pricing-page .submit-button,merchant-pricing-page .update-pricing-button,merchant-pricing-page .save-button{background:var(--primary-color);color:var(--white);border:none;padding:.625rem 1.25rem;border-radius:.375rem;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast)}merchant-pricing-page .submit-button:hover:not(:disabled),merchant-pricing-page .update-pricing-button:hover:not(:disabled),merchant-pricing-page .save-button:hover:not(:disabled){background:var(--primary-color-dark)}merchant-pricing-page .submit-button:disabled,merchant-pricing-page .save-button:disabled{opacity:.6;cursor:not-allowed}merchant-pricing-page .back-button,merchant-pricing-page .cancel-button{background:none;border:1px solid var(--border-color);padding:.625rem 1.25rem;border-radius:.375rem;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}merchant-pricing-page .back-button:hover,merchant-pricing-page .cancel-button:hover{background-color:var(--background);color:var(--text-primary)}@media(min-width:768px){merchant-pricing-page .page-container{padding:var(--spacing-xl)}merchant-pricing-page .merchant-id-card{padding:var(--spacing-xl)}merchant-pricing-page .pricing-form-section{padding:var(--spacing-xl)}merchant-pricing-page .pricing-model-header{flex-direction:row;align-items:center;justify-content:space-between}merchant-pricing-page .pricing-model-header .update-pricing-button{width:auto}merchant-pricing-page .edit-form-buttons{flex-direction:row}merchant-pricing-page .edit-form-buttons button{width:auto}}@media(min-width:1024px){merchant-pricing-page .side-by-side-container{grid-template-columns:1fr 1fr}}empty-state{display:block}empty-state .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}empty-state .icon{font-size:64px;margin-bottom:16px;opacity:.5}empty-state .message{font-size:16px;color:var(--text-secondary);font-weight:500}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0}.pagination-button{padding:.5rem 1rem;background:var(--white);border:1px solid var(--border-color);border-radius:.375rem;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.pagination-button:hover:not(:disabled){background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}@media(min-width:768px){.pagination-controls{gap:var(--spacing-lg)}}results-header-component{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-radius:.5rem .5rem 0 0;flex-wrap:wrap;gap:var(--spacing-sm)}results-header-component .left-section{display:flex;align-items:center}results-header-component .results-count{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}results-header-component .per-page-section{display:flex;align-items:center;gap:var(--spacing-sm)}results-header-component .per-page-section label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}results-header-component .per-page-select{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:var(--font-size-sm);cursor:pointer;min-height:var(--touch-target-min)}results-header-component .per-page-select:focus{outline:none;border-color:var(--primary-color)}@media(min-width:768px){results-header-component{padding:var(--spacing-sm);flex-wrap:nowrap}}merchant-statements-table{display:block}merchant-statements-table .statements-table-container{background:var(--white);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--card-shadow);overflow:visible}merchant-statements-table .table-container{display:none;overflow:visible}merchant-statements-table .statements-table{width:100%;border-collapse:collapse;table-layout:fixed}merchant-statements-table .statements-table th:nth-child(1),merchant-statements-table .statements-table td:nth-child(1){width:2rem}merchant-statements-table .statements-table th:nth-child(2),merchant-statements-table .statements-table td:nth-child(2){width:4rem}merchant-statements-table .statements-table th:nth-child(3),merchant-statements-table .statements-table td:nth-child(3){width:15rem}merchant-statements-table .statements-table th:nth-child(4),merchant-statements-table .statements-table td:nth-child(4){width:2rem}merchant-statements-table .statements-table th{background-color:var(--background);border-bottom:2px solid var(--border-color);padding:var(--spacing-md);text-align:left;font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary);white-space:normal}merchant-statements-table .statements-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:2rem}merchant-statements-table .statements-table th.sortable:hover{background-color:var(--surface-tertiary)}merchant-statements-table .statements-table th.sortable:after{content:"↕";position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);opacity:.5;font-size:var(--font-size-xs)}merchant-statements-table .statements-table th.sorted-asc:after{content:"↑";opacity:1}merchant-statements-table .statements-table th.sorted-desc:after{content:"↓";opacity:1}merchant-statements-table .statements-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-primary);vertical-align:top}merchant-statements-table .statements-table tr.clickable{cursor:pointer;transition:background-color var(--transition-fast)}merchant-statements-table .statements-table tr.clickable:hover{background-color:var(--background)}merchant-statements-table .statements-table tr:last-child td{border-bottom:none}merchant-statements-table .cards-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}merchant-statements-table .statement-card{background:var(--white);border:1px solid var(--border-color);border-radius:.5rem;padding:var(--spacing-md);box-shadow:var(--card-shadow);transition:box-shadow var(--transition-fast)}merchant-statements-table .statement-card.clickable{cursor:pointer}merchant-statements-table .statement-card.clickable:hover{box-shadow:var(--card-shadow-hover)}merchant-statements-table .statement-card-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid var(--border-color)}merchant-statements-table .statement-card-row:last-child{border-bottom:none}merchant-statements-table .statement-card-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:40%}merchant-statements-table .statement-card-value{font-size:var(--font-size-sm);color:var(--text-primary);text-align:right;word-break:break-word;max-width:60%}@media(min-width:768px){merchant-statements-table .table-container{display:block}merchant-statements-table .cards-container{display:none}}merchant-statements-table .empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}merchant-statements-table .empty-state h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:600}merchant-statements-table .empty-state p{margin:0;font-size:var(--font-size-sm)}merchant-statements-table .message-cell{position:relative;max-width:300px}merchant-statements-table .message-container{position:relative;line-height:1.4}merchant-statements-table .message-ellipsis{color:var(--primary-color);font-weight:600;cursor:pointer;position:relative}merchant-statements-table .message-ellipsis:hover{text-decoration:underline}merchant-statements-table .preview-modal{position:absolute;top:100%;left:-150px;right:-150px;z-index:1000;pointer-events:auto;margin-top:.25rem}merchant-statements-table .preview-modal-content{box-shadow:var(--box-shadow-sm);padding:var(--spacing-md);max-height:20rem;overflow-y:auto;border-radius:.375rem;min-width:600px;max-width:800px;margin:0 auto}merchant-statements-table .preview-hint-box{background-color:var(--warning-bg);border:2px solid var(--warning-color);border-left-width:4px}merchant-statements-table .preview-hint-header{font-size:var(--font-size-sm);font-weight:600;color:var(--warning-text);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--warning-accent)}merchant-statements-table .preview-text{font-size:var(--font-size-sm);color:var(--warning-text-dark);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}merchant-statement-pages{display:block;padding:var(--spacing-lg)}merchant-statement-pages .page-header{margin-bottom:var(--spacing-lg)}merchant-statement-pages h1{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}merchant-statement-pages .actions-container{margin-bottom:var(--spacing-lg);display:flex;justify-content:flex-end}merchant-statement-pages .actions-container-bottom{margin-top:var(--spacing-lg);display:flex;justify-content:center}merchant-statement-pages .create-button{background:var(--primary-color);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:background .2s}merchant-statement-pages .create-button:hover{background:var(--primary-color-dark)}merchant-statement-pages .controls{margin-bottom:var(--spacing-lg)}merchant-statement-pages .back-container{margin-bottom:var(--spacing-md)}merchant-statement-pages .back-button{background:none;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.375rem;font-size:var(--font-size-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}merchant-statement-pages .back-button:hover{background-color:var(--surface-hover);color:var(--text-primary)}merchant-statement-pages .form-header{margin-bottom:var(--spacing-lg)}merchant-statement-pages .form-title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}merchant-statement-pages .settings-card{background:var(--white);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--card-shadow);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}merchant-statement-pages .permission-notice{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:.375rem;font-size:var(--font-size-sm)}merchant-statement-pages .permission-notice.view-only{background-color:var(--warning-bg);border:1px solid var(--warning-color);color:var(--warning-text)}merchant-statement-pages .settings-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}merchant-statement-pages .form-section{display:flex;flex-direction:column;gap:var(--spacing-md)}merchant-statement-pages .section-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}merchant-statement-pages .field-label{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}merchant-statement-pages .message-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:var(--font-size-base);font-family:inherit;resize:vertical;transition:all var(--transition-fast);min-height:var(--touch-target-min);background-color:var(--white);color:var(--text-primary)}merchant-statement-pages .message-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-lighter)}merchant-statement-pages .message-textarea:disabled{background-color:var(--surface-hover);cursor:not-allowed}merchant-statement-pages .message-preview-container{position:relative;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:var(--font-size-base);background-color:var(--background);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min);line-height:1.5}merchant-statement-pages .message-preview-container:hover{border-color:var(--primary-color);background-color:var(--surface-tertiary)}merchant-statement-pages .message-preview-text{color:var(--text-primary)}merchant-statement-pages .message-ellipsis{color:var(--primary-color);font-weight:600;cursor:pointer;position:relative}merchant-statement-pages .preview-modal{position:absolute;top:0;left:0;right:0;z-index:100;pointer-events:auto}merchant-statement-pages .preview-modal-content{box-shadow:0 4px 6px var(--backdrop-overlay);padding:var(--spacing-md);max-height:20rem;overflow-y:auto;border-radius:.375rem}merchant-statement-pages .preview-hint-box{background-color:var(--warning-bg);border:2px solid var(--warning-color);border-left-width:4px}merchant-statement-pages .preview-hint-header{font-size:var(--font-size-sm);font-weight:600;color:var(--warning-text);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--warning-accent)}merchant-statement-pages .preview-text{font-size:var(--font-size-sm);color:var(--warning-text-dark);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}merchant-statement-pages .scope-field-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}merchant-statement-pages .scope-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:var(--font-size-base);font-family:inherit;background-color:var(--white);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}merchant-statement-pages .scope-select option{background-color:var(--white);color:var(--text-primary)}merchant-statement-pages .scope-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-lighter)}merchant-statement-pages .scope-select:disabled{background-color:var(--surface-hover);cursor:not-allowed;opacity:.6}merchant-statement-pages .center-count-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}merchant-statement-pages .center-count-display{width:100%;max-width:15rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-fast);min-height:var(--touch-target-min);cursor:pointer;background-color:var(--white);color:var(--text-primary);display:flex;align-items:center;-webkit-user-select:none;user-select:none;outline:none}merchant-statement-pages .center-count-display:hover{border-color:var(--primary-color);background-color:var(--background)}merchant-statement-pages .center-count-display:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring-overlay)}merchant-statement-pages .center-count-display[style*="cursor: default"]{background-color:var(--surface-hover);cursor:not-allowed!important;opacity:.6}merchant-statement-pages .center-count-display[style*="cursor: default"]:hover{border-color:var(--border-color);background-color:var(--surface-hover)}merchant-statement-pages .center-count-display:after{content:"🔗";margin-left:auto;font-size:.875rem;opacity:.5;transition:opacity var(--transition-fast)}merchant-statement-pages .center-count-display:hover:after{opacity:.8}merchant-statement-pages .center-count-display[style*="cursor: default"]:after{display:none}merchant-statement-pages .statement-date-section{padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}merchant-statement-pages .date-field-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}merchant-statement-pages .month-input-wrapper{position:relative;width:100%}merchant-statement-pages .month-input-hidden{position:absolute;opacity:0;pointer-events:none;width:0;height:0}merchant-statement-pages .month-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-fast);min-height:var(--touch-target-min);cursor:pointer;background-color:var(--white);color:var(--text-primary)}merchant-statement-pages .month-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-lighter)}merchant-statement-pages .month-input:disabled{background-color:var(--surface-hover);cursor:not-allowed}merchant-statement-pages .calculated-dates-info{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--background);border:1px solid var(--border-color);border-radius:.375rem}merchant-statement-pages .calculated-dates-info p{margin:0;padding:.25rem 0;font-size:var(--font-size-sm);color:var(--text-secondary)}merchant-statement-pages .calculated-dates-info strong{color:var(--text-primary);font-weight:600}merchant-statement-pages .button-container{margin-top:var(--spacing-lg);display:flex;gap:var(--spacing-md);align-items:center}merchant-statement-pages .delete-button{background:var(--delete-btn-bg);color:var(--white);border:none;padding:.625rem 1.25rem;border-radius:.375rem;font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:background .2s;min-height:var(--touch-target-min);flex:1;max-width:200px}merchant-statement-pages .delete-button:hover:not(:disabled){background:var(--delete-btn-hover)}merchant-statement-pages .delete-button:disabled{opacity:.6;cursor:not-allowed}merchant-statement-pages .read-only-message{color:var(--text-secondary);font-style:italic;font-size:var(--font-size-sm);text-align:center;padding:1rem;background-color:var(--background);border-radius:.375rem;border:1px solid var(--border-color)}merchant-statement-pages .submit-button{background:var(--primary-color);color:var(--white);border:none;padding:.625rem 1.25rem;border-radius:.375rem;font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:background .2s;min-height:var(--touch-target-min);flex:1;max-width:200px}merchant-statement-pages .submit-button:hover:not(:disabled){background:var(--primary-color-dark)}merchant-statement-pages .submit-button:disabled{opacity:.6;cursor:not-allowed}merchant-statement-pages .error-box{background:var(--error-bg);border:1px solid var(--error-border);border-radius:.5rem;padding:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--error-text);font-size:var(--font-size-sm);font-weight:500}merchant-statement-pages .success-box{background:var(--success-bg);border:1px solid var(--success-border);border-radius:.5rem;padding:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--success-text);font-size:var(--font-size-sm);font-weight:500}merchant-statement-pages .modal-overlay{position:fixed;inset:0;background-color:var(--backdrop-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}merchant-statement-pages .modal-content{background:var(--white);border-radius:.5rem;box-shadow:0 4px 6px var(--backdrop-overlay);width:100%;max-width:40rem;max-height:80vh;display:flex;flex-direction:column}merchant-statement-pages .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}merchant-statement-pages .modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}merchant-statement-pages .modal-close-button{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--text-secondary);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all var(--transition-fast)}merchant-statement-pages .modal-close-button:hover{background-color:var(--surface-hover);color:var(--text-primary)}merchant-statement-pages .modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}merchant-statement-pages .modal-info{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}merchant-statement-pages .center-input-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:var(--font-size-base);font-family:inherit;resize:vertical;transition:all var(--transition-fast);min-height:8rem;background-color:var(--white);color:var(--text-primary)}merchant-statement-pages .center-input-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-lighter)}merchant-statement-pages .modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color);justify-content:flex-end}merchant-statement-pages .modal-button{padding:.625rem 1.25rem;border-radius:.375rem;font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;min-height:var(--touch-target-min)}merchant-statement-pages .modal-button-primary{background:var(--primary-color);color:var(--white)}merchant-statement-pages .modal-button-primary:hover{background:var(--primary-color-dark)}merchant-statement-pages .modal-button-secondary{background:var(--white);color:var(--text-primary);border-color:var(--border-color)}merchant-statement-pages .modal-button-secondary:hover{background-color:var(--surface-hover)}@media(min-width:768px){merchant-statement-pages .page-header{margin-bottom:var(--spacing-xl)}merchant-statement-pages h1{font-size:var(--font-size-3xl)}merchant-statement-pages .settings-card{padding:var(--spacing-xl)}merchant-statement-pages .submit-button{width:auto;align-self:flex-start}merchant-statement-pages .modal-footer{justify-content:flex-end}merchant-statement-pages .modal-button{width:auto}}card-component{border:1px solid var(--border-color);border-radius:.5rem;display:block;overflow:hidden}card-component>header{background-color:var(--border-color);padding:var(--spacing-md)}card-component>main{background-color:var(--white);padding:var(--spacing-md)}card-component>footer{background-color:var(--white);border-top:1px solid var(--border-color);padding:var(--spacing-md)}display-field{display:block}display-field .label{font-size:var(--font-size-xs);text-transform:uppercase}display-field .label:after{content:":"}form-modal{background-color:var(--backdrop-overlay);display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:1000}form-modal .card{border:1px solid var(--border-color);border-radius:.5rem;margin:var(--spacing-lg);max-height:100%;max-width:100%;overflow:auto}@media(min-width:640px){form-modal .card{max-width:40rem}}form-modal .card header{background-color:var(--border-color);padding:var(--spacing-md)}form-modal .card form{background-color:var(--white);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}form-modal .card form .inputs{display:flex;flex-direction:column;gap:var(--spacing-md)}form-modal .card form .buttons{display:flex;gap:var(--spacing-sm);justify-content:end}spinner-component{animation:1s ease-out infinite loading;background-image:linear-gradient(var(--primary-color),var(--primary-color));background-repeat:no-repeat;background-size:50%;height:2px}spinner-component:not([hidden]){display:block}@keyframes loading{0%{background-position:-200% 0}to{background-position:300% 0}}input-field{display:block}input-field label{display:block;font-size:var(--font-size-xs);margin-bottom:.25rem;text-transform:uppercase}input-field input:not([type=checkbox]){border:1px solid var(--border-color);border-radius:.5rem;box-sizing:border-box;font-family:inherit;font-size:inherit;height:2.5rem;padding:0 .625rem;background-color:var(--white);color:var(--text-primary);width:100%}input-field input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:.8rem;width:.8rem}input-field input::placeholder{color:var(--text-color-muted)}input-field input:disabled{background-color:var(--input-disabled-color);cursor:not-allowed}input-field input:focus-visible{border-color:var(--primary-color);outline-color:var(--primary-color-dark);outline-offset:2px;outline-style:solid;outline-width:2px}input-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}[data-theme=light] input-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}.status-badge{border-radius:.375rem;font-size:var(--font-size-xs);font-weight:600;height:fit-content;padding:.25rem .625rem;text-transform:capitalize;white-space:nowrap;width:fit-content}.status-badge.success{background:var(--badge-success-bg);color:var(--badge-success-text)}.status-badge.warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.status-badge.error{background:var(--badge-deleted-bg);color:var(--badge-deleted-text)}.status-badge.info{background:var(--badge-info-bg);color:var(--badge-info-text)}.status-badge.neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}toast-component{background-color:var(--border-color);border-radius:.5rem;margin:var(--spacing-sm);padding:var(--spacing-sm);display:flex;gap:var(--spacing-sm);position:fixed;bottom:0;right:0;z-index:1001}toast-component.error{background-color:var(--error-border)}toast-component.info{background-color:var(--info-color-lighter)}toast-component.success{background-color:var(--success-border)}toast-component button{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-xl);padding:0}scheduled-payment-group-page{font-size:var(--font-size-sm);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}scheduled-payment-group-page card-component header{display:flex;justify-content:space-between}scheduled-payment-group-page display-field{display:flex;align-items:baseline;gap:var(--spacing-xs)}scheduled-payment-group-page .group{display:flex;flex-direction:column;gap:var(--spacing-md)}scheduled-payment-group-page .fields{display:flex;flex-direction:column}scheduled-payment-group-page .buttons{display:flex;gap:var(--spacing-sm)}@media(min-width:1000px){scheduled-payment-group-page display-field{display:block}scheduled-payment-group-page .fields{flex-direction:row;gap:var(--spacing-md)}}scheduled-payment-groups-page{font-size:var(--font-size-sm);padding:var(--spacing-lg)}scheduled-payment-groups-page,scheduled-payment-groups-page .search,scheduled-payment-groups-page .filters,scheduled-payment-groups-page .groups{display:flex;flex-direction:column;gap:var(--spacing-md)}scheduled-payment-groups-page .groups .group{background-color:var(--white);border-radius:.5rem;border:1px solid var(--border-color);overflow:hidden}scheduled-payment-groups-page .groups .group .top{background-color:var(--primary-color);color:var(--white);padding:var(--spacing-md)}scheduled-payment-groups-page .groups .group .top .title{align-items:start;display:flex;flex-direction:column}scheduled-payment-groups-page .groups .group .bottom{background-color:var(--white);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}@media(min-width:472px){scheduled-payment-groups-page .search,scheduled-payment-groups-page .filters{align-items:end;flex-direction:row}scheduled-payment-groups-page .groups .group .top .title{align-items:center;flex-direction:row;gap:var(--spacing-xs)}scheduled-payment-groups-page .groups .group .bottom{align-items:end;flex-direction:row;gap:var(--spacing-md)}}