@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600:oklch(57.7% .245 27.325);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-600:oklch(62.7% .194 149.214);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-600:oklch(44.6% .03 256.802);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--container-6xl:72rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-\[102px\]{top:102px}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.z-12{z-index:12}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-32{height:calc(var(--spacing) * 32)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-32{width:calc(var(--spacing) * 32)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-500{border-color:var(--color-blue-500)}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-gray-600{color:var(--color-gray-600)}.text-green-600{color:var(--color-green-600)}.text-red-600{color:var(--color-red-600)}.text-yellow-600{color:var(--color-yellow-600)}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.app{flex-direction:column;min-height:100vh;display:flex}.app>*{flex:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}:root{--primary-color:#321aa9;--primary-dark:#321aa9;--primary-light:#a78bfa;--secondary-color:#452bb5;--tab-active-color:#0085ff;--blue-color:#0085ff;--success-color:#10b981;--danger-color:#c20808;--warning-color:#f59e0b;--info-color:#3b82f6;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--background:#f9fafb;--white:#fff;--overlay:#00000080;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--transition:.2s ease;--header-height:60px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text-primary);scrollbar-gutter:stable;min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6;overflow-y:scroll}.header{color:var(--white);height:60px;box-shadow:var(--shadow-md);z-index:100;background:#000;padding:7px;position:sticky;top:0;overflow:hidden}.settings-icon-btn{color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition);background:#fff3;border:1px solid #ffffff4d;font-size:1.5rem}.settings-icon-btn:hover{background:#ffffff4d;transform:scale(1.05)}.header-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);max-width:1400px;padding:0 var(--spacing-xl);height:100%;margin:0 auto;display:flex}.header-left{align-items:center;gap:var(--spacing-lg);flex-shrink:0;display:flex}.header-logo{align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:opacity var(--transition);font-size:1.5rem;display:flex}.header-logo-img{width:auto;height:32px;display:block}.header-logo:hover{opacity:.8}.header-logo:focus{outline:2px solid var(--white);outline-offset:2px;border-radius:4px}.logo-text{color:var(--white);font-weight:400}.logo-turbo{color:var(--white);letter-spacing:.05em;font-weight:700}.header-business-info{align-items:center;gap:var(--spacing-md);color:var(--white);font-size:.9rem;display:flex}.business-name{white-space:nowrap;font-weight:500}.business-separator{color:#ffffff80;flex-shrink:0}.business-address{white-space:nowrap;font-weight:400}.header-actions{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.tab-navigation{background:var(--background);max-width:1400px;top:var(--header-height);z-index:99;border-bottom:none;gap:2px;margin:16px auto 0;padding:0 40px;display:flex;position:sticky}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:#f3f4f6;border:none;border-radius:10px 10px 0 0;align-items:center;height:41px;padding:10px 20px;font-size:.875rem;font-weight:600;display:flex;position:relative;box-shadow:inset 0 -2px 4px #0000000d}.tab-btn:hover{color:var(--primary-color);background:#e5e7eb;transform:translateY(-1px)}.tab-btn.active{color:var(--white);background:#321aa9;font-weight:700;transform:translateY(0);box-shadow:0 2px 4px #321aa933}.tab-btn:focus{outline-offset:-2px}.tab-content{display:none}.tab-content.active{display:block}.home-sub-navigation{gap:2px;margin-bottom:20px;margin-left:46px;display:flex}.home-sub-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:#f3f4f6;border:none;border-radius:10px 10px 0 0;align-items:center;height:41px;padding:10px 20px;font-size:.875rem;font-weight:600;display:flex;position:relative;box-shadow:inset 0 -2px 4px #0000000d}.home-sub-tab:hover{color:var(--primary-color);background:#e5e7eb;transform:translateY(-1px)}.home-sub-tab.active{color:var(--white);background:#321aa9;font-weight:700;transform:translateY(0);box-shadow:0 2px 4px #321aa933}.invoices-filters-bar,.payables-filters-bar,.connections-filters-bar{padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-md);background:#321aa9;border-radius:12px;margin:0}.filter-bar-grid{gap:var(--spacing-sm);flex-wrap:wrap;align-items:end;display:flex}.filter-bar-group{flex-direction:column;flex:0 auto;min-width:140px;display:flex}.filter-bar-group:has(#invoicesStatusFilter){min-width:160px}.filter-bar-group:has(#invoicesConnectionFilter){min-width:160px;max-width:200px}.filter-bar-group:has(#invoiceRequestAge){min-width:140px}.filter-bar-group:has(#payablesStatusFilter){min-width:160px}.filter-bar-group:has(#payablesConnectionFilter){min-width:160px;max-width:200px}.filter-bar-group:has(#payablePaymentAge){min-width:140px}.filter-bar-group:has(#commerceStatusFilter){min-width:160px}.filter-bar-group:has(#commerceConnectionFilter){min-width:160px;max-width:200px}.filter-bar-group:has(#commerceRequestAge){min-width:140px}.filter-bar-input{background:var(--white);border-radius:var(--radius-sm);border:none;align-items:center;min-width:100%;height:36px;padding:8px;font-size:.8125rem;display:flex}select.filter-bar-input{padding-right:24px}input[type=date].filter-bar-input{padding:8px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.filter-bar-group label{color:var(--white);white-space:nowrap;margin-bottom:4px;font-size:.75rem;font-weight:600}.date-range-inputs,.amount-range-inputs{align-items:center;gap:4px;display:flex}.date-range-inputs input,.amount-range-inputs input{width:90px;min-width:0;height:36px;padding:8px}.date-separator,.amount-separator{color:var(--white);padding:0 2px;font-size:.75rem;font-weight:500}.filter-bar-actions{gap:var(--spacing-xs);align-items:end;margin-left:auto;display:flex}.filter-apply-btn{background:var(--white);color:var(--primary-color);border:none;height:32px;padding:6px 16px;font-size:.8125rem;font-weight:600}.filter-apply-btn:hover{background:var(--background);transform:translateY(-1px)}.filter-clear-btn{text-transform:uppercase;background:0 0;border-radius:24px;height:auto;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s;color:var(--white)!important;border:2px solid var(--white)!important;text-decoration:none!important}.filter-clear-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 8px #0003;color:var(--white)!important;border:2px solid var(--white)!important;text-decoration:none!important}.date-range-picker-container{display:inline-block;position:relative}.date-range-input{background:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:space-between;align-items:center;min-width:180px;height:32px;padding:6px 10px;font-size:.8125rem;display:flex}.date-range-input:hover{background:#f9fafb}.date-range-calendar{background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);z-index:1000;min-width:320px;display:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 25px #00000026}.date-range-calendar.active{display:block}.calendar-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.calendar-nav-btn{color:var(--primary-color);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:4px 8px;font-size:1.2rem}.calendar-nav-btn:hover{background:var(--background)}.calendar-month-year{color:var(--text-primary);font-size:.95rem;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day-header{text-align:center;color:var(--text-secondary);padding:6px 4px;font-size:.75rem;font-weight:600}.calendar-day{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;font-size:.875rem;display:flex}.calendar-day:not(.disabled):hover{background:var(--background);border-color:var(--primary-light)}.calendar-day.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.4}.calendar-day.selected{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:var(--white);font-weight:600}.calendar-day.in-range{border-color:var(--primary-light);background:#a78bfa26}.calendar-day.today{border:2px solid var(--primary-color);font-weight:600}.calendar-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);justify-content:flex-end;display:flex}.calendar-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:6px 12px;font-size:.8125rem;font-weight:500}.calendar-btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:var(--white)}.calendar-btn-primary:hover{box-shadow:0 2px 6px #321aa94d}.calendar-btn-secondary{color:var(--text-secondary);background:0 0}.calendar-btn-secondary:hover{background:var(--background)}@media (width<=1200px){.filter-bar-grid{gap:6px}.filter-bar-group{min-width:120px}.date-range-picker-container{min-width:180px}}@media (width<=992px){.filter-bar-group{min-width:110px}.filter-bar-input{padding:6px 8px;font-size:.75rem}.date-range-input{min-width:160px;font-size:.75rem}}.placeholder-section{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-lg);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;min-height:400px;display:flex}.placeholder-content{text-align:center;max-width:500px}.placeholder-icon{margin-bottom:var(--spacing-lg);font-size:4rem}.placeholder-content h2{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.75rem}.placeholder-content p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.container{max-width:1400px;padding:var(--spacing-xl);margin:0 auto;padding-top:0}.filters-section{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.filters-grid{gap:var(--spacing-md);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-group{flex-direction:column;min-width:200px;display:flex}.filter-group label{margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem;font-weight:500}.filter-search{flex:1;min-width:250px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper .form-control{padding-right:32px}.search-clear-btn{color:var(--text-muted);cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;font-size:1.1rem;line-height:1;transition:color .15s;display:none;position:absolute;right:8px}.search-clear-btn:hover{color:var(--text-secondary)}.search-clear-btn.visible{display:flex}.amount-input-with-prefix{align-items:center;display:flex;position:relative}.currency-prefix{color:var(--text-primary);pointer-events:none;z-index:1;font-size:.8125rem;position:absolute;left:8px}.amount-input-with-prefix .form-control,.amount-input-with-prefix .filter-bar-input{padding-left:18px}.filter-actions{gap:var(--spacing-sm);flex-shrink:0;align-items:center;margin-left:auto;display:flex}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;transition:var(--transition);background:var(--white);padding:8px 12px;font-size:1rem}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #667eea1a}.form-control.error{border-color:var(--danger-color)}button,.btn,.btn-primary{font-family:Poppins,apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:var(--spacing-sm);white-space:nowrap;border:none;justify-content:center;padding:10px 20px;font-size:1rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:var(--white);text-transform:uppercase;border-radius:24px;padding:10px 20px;font-weight:500}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-icon{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0;padding:8px 12px;font-size:1.5rem;transition:all .2s}.btn-icon:hover:not(:disabled){background:var(--background);color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary{background:var(--white);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--background);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-danger{background:var(--danger-color);color:var(--white);text-transform:uppercase;border-radius:24px;padding:10px 20px;font-weight:500}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);background:#d32f2f;transform:translateY(-2px)}.btn-success{background:var(--success-color);color:var(--white);text-transform:uppercase;border-radius:24px;padding:10px 20px;font-weight:500}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md);background:#0d9e6e;transform:translateY(-2px)}.btn-blue{background:var(--blue-color);color:var(--white);text-transform:uppercase;border-radius:24px;padding:10px 20px;font-weight:500}.btn-blue:hover:not(:disabled){box-shadow:var(--shadow-md);background:#06c;transform:translateY(-2px)}.btn-link{color:var(--white);text-transform:uppercase;background:#321aa9;border:none;border-radius:24px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none!important}.btn-link:hover{box-shadow:var(--shadow-md);background:#4527cc;transform:translateY(-2px);text-decoration:none!important}#cancelBtn,#cancelInvoiceBtn,#cancelPayableBtn,#cancelBulkImportBtn,#cancelValidationBtn,#cancelBulkImportInvoicesBtn,#cancelInvoiceValidationBtn,#cancelBulkSendPaymentBtn,#cancelPaymentValidationBtn{padding:10px 16px;font-size:1rem}#viewPaypageBtn{text-align:center;margin:0 auto;padding:10px 16px;display:block}#deleteBtn,#deletePayableBtn,#deleteInvoiceBtn{white-space:nowrap;min-width:fit-content;padding:10px 16px;font-size:1rem}a.btn{text-decoration:none}.btn-outline{color:var(--white);text-transform:none;background:#321aa9;border:none;border-radius:24px;padding:6px 14px;font-size:.9rem;font-weight:600}.btn-outline:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn.btn-outline.btn-blue{background:var(--blue-color);color:var(--white)}.btn.btn-outline.btn-blue:hover:not(:disabled){background:#06c}.user-icon-btn{color:var(--white);cursor:pointer;width:40px;height:40px;transition:var(--transition);background:#fff3;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex;box-shadow:0 0 0 2px #0003}.user-icon-btn:hover{background:#ffffff4d;border-color:#fff;transform:scale(1.05);box-shadow:0 0 0 2px #0000004d}.log-out-btn{color:#fff;box-shadow:none;cursor:pointer;background-color:#0000;border:none}.user-initials{letter-spacing:.5px;font-size:.875rem;font-weight:600}.user-menu-container{position:relative}.user-dropdown-menu{background:var(--white);border-radius:var(--radius-md);z-index:1000;border:1px solid #0000001a;min-width:180px;padding:8px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #00000026}.dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.dropdown-item:hover{background:var(--background)}.dropdown-item:focus{background:var(--background);outline:none}.dropdown-icon{flex-shrink:0;font-size:1rem}.dropdown-divider{background:var(--border-color);height:1px;margin:8px 0}.logout-item{color:var(--danger-color)}.logout-item:hover{color:#991b1b;background:#fef2f2}.btn-sm{padding:6px 12px;font-size:.875rem}#addCustomerBtn,#bulkImportBtn{height:44px;padding:10px 20px;line-height:1.5}.icon{font-size:1.2rem}.loading-state,.loading-section,.error-state,.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.spinner{border:4px solid var(--border-color);border-top:4px solid var(--primary-color);width:50px;height:50px;margin:0 auto var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}.error-icon,.empty-icon{margin-bottom:var(--spacing-md);font-size:4rem}.error-state h3,.empty-state h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.error-state p,.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.empty-state .btn,.error-state .btn{margin-top:var(--spacing-md)}.customer-list-section,.invoice-list-section{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.customer-list-header,.invoice-list-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.customer-list-header h2,.invoice-list-header h2{margin-bottom:0;font-size:1.5rem;font-weight:600}.customer-count,.invoice-count{color:var(--text-secondary);margin-left:var(--spacing-sm);font-size:.9rem}.customer-list-header-actions,.invoice-list-header-actions{align-items:center;gap:var(--spacing-md);display:flex}.connections-header-always-visible{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md)}.table-responsive{margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);overflow-x:auto}.customer-table,.invoice-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);table-layout:fixed;width:100%;overflow:hidden}.customer-table thead,.invoice-table thead{background:var(--background)}.customer-table th,.invoice-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:14px 16px;font-size:.8125rem;font-weight:700}.customer-table th[data-sort],.invoice-table th[data-sort],.settlement-table th[data-sort],.commerce-table th[data-sort]{cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:28px;position:relative}.customer-table th[data-sort]:hover,.invoice-table th[data-sort]:hover,.settlement-table th[data-sort]:hover,.commerce-table th[data-sort]:hover{background:var(--border-color);color:var(--text-primary)}.customer-table th[data-sort]:after,.invoice-table th[data-sort]:after,.settlement-table th[data-sort]:after,.commerce-table th[data-sort]:after{content:"▲▼";color:var(--text-muted);opacity:.3;font-size:.65rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.customer-table th[data-sort].sort-asc:after,.invoice-table th[data-sort].sort-asc:after,.settlement-table th[data-sort].sort-asc:after,.commerce-table th[data-sort].sort-asc:after{content:"▲";opacity:1;color:var(--primary-color)}.customer-table th[data-sort].sort-desc:after,.invoice-table th[data-sort].sort-desc:after,.settlement-table th[data-sort].sort-desc:after,.commerce-table th[data-sort].sort-desc:after{content:"▼";opacity:1;color:var(--primary-color)}.customer-table td,.invoice-table td{border-top:1px solid var(--border-color);vertical-align:middle;height:60px;padding:18px 16px;font-size:.9375rem;overflow:hidden}.customer-table td:last-child,.invoice-table td:last-child{justify-content:flex-start;align-items:center;gap:16px;min-width:300px;display:flex}.invoice-table th:first-child,.invoice-table td:first-child{width:20%;min-width:200px;max-width:300px}.customer-table tbody tr,.invoice-table tbody tr{transition:all var(--transition);cursor:pointer}.customer-table tbody tr:hover,.invoice-table tbody tr:hover{background:#f3f4f6;box-shadow:0 1px 3px #00000014}.customer-table tbody tr:focus,.invoice-table tbody tr:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.status-badge{text-transform:capitalize;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.active{color:var(--success-color);background:#e8f5e9}.status-badge.inactive{color:var(--danger-color);background:#ffebee}.status-badge.unknown{color:var(--text-secondary);background:#f5f5f5}.status-badge.draft{color:#e65100;background:#fff3e0}.status-badge.pending{color:#f57f17;background:#fff8e1}.status-badge.being-processed{color:#6a1b9a;background:#f3e5f5}.status-badge.sent{color:#0d47a1;background:#e3f2fd}.status-badge.cancelled{color:#c2185b;background:#fce4ec}.status-badge.scheduled{color:#0277bd;background:#e1f5fe}.status-badge.expired{color:#d84315;background:#ffebcd}.status-badge.completed,.status-badge.approved{color:#2e7d32;background:#e8f5e9}.status-badge.returned,.status-badge.failed{color:#c62828;background:#ffebee}.status-badge.processed{color:#2e7d32;background:#e8f5e9}.status-badge.business{color:#0d47a1;background:#e3f2fd}.status-display-field{background:var(--bg-light,#f8f9fa);border:1px solid var(--border-color,#dee2e6);border-radius:var(--radius-sm,4px);color:var(--text-primary);align-items:center;min-height:38px;padding:8px 12px;font-size:.95rem;display:flex}.status-display-field .status-badge{font-size:.85rem}.action-btn{color:var(--white);cursor:pointer;transition:all var(--transition);border:none;border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:56px;min-width:56px;height:56px;padding:8px;font-size:.875rem;font-weight:600;display:flex}.action-btn:before{content:none}.action-btn .icon-eyeball,.action-btn .icon-invoice,.action-btn .icon-cancel,.action-btn .icon-page,.action-btn .icon-payment{vertical-align:middle;width:22px;height:22px;display:inline-block}.action-btn-cancel .icon-cancel{width:24px;height:24px}.action-icon{vertical-align:middle;width:28px;height:28px;transition:opacity .2s;display:inline-block}.action-cell,.actions-cell{justify-content:flex-start;align-items:center;gap:16px;padding:8px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.action-btn-view{background:var(--secondary-color)}.action-btn-view:hover{background:var(--secondary-color);box-shadow:var(--shadow-md)}.action-btn-edit,.edit-connection-btn,.send-payment-btn,.request-payment-btn,.link-btn,.resend-email-btn{background:var(--white)}.action-btn-edit:hover,.edit-connection-btn:hover,.send-payment-btn:hover,.request-payment-btn:hover,.link-btn:hover{background:var(--white);box-shadow:var(--shadow-md)}.action-btn-edit:focus,.edit-connection-btn:focus{outline:2px solid var(--success-color);outline-offset:2px}.action-btn-invoice{background:var(--success-color)}.action-btn-invoice:hover{box-shadow:var(--shadow-md);background:#059669}.action-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.action-btn:active{transform:translateY(0)}.action-btn:disabled,.action-btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.action-btn-primary{background:var(--secondary-color);color:var(--white)}.action-btn-primary:hover{background:var(--secondary-color);box-shadow:var(--shadow-md)}.action-btn-primary:focus{outline:2px solid var(--primary-color);outline-offset:2px}.action-btn-cancel{background:var(--danger-color)}.action-btn-cancel:hover{box-shadow:var(--shadow-md);background:#dc2626}.action-btn-cancel:focus{outline:2px solid var(--danger-color);outline-offset:2px}.action-btn-warning{color:var(--white);background:#f59e0b}.action-btn-warning:hover{box-shadow:var(--shadow-md);background:#d97706}.action-btn-warning:focus{outline-offset:2px;outline:2px solid #f59e0b}.pagination{justify-content:center;align-items:center;gap:var(--spacing-md);display:flex}.page-info{color:var(--text-secondary);font-size:.9rem}.side-panel{z-index:3500;width:100%;max-width:680px;height:100vh;transition:right .3s;position:fixed;top:0;right:-100%}.side-panel.open{right:0}.side-panel-overlay{background:var(--overlay);opacity:0;pointer-events:none;width:100%;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.side-panel.open .side-panel-overlay{opacity:1;pointer-events:auto}.side-panel-content{background:var(--white);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative}.side-panel-header{padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);color:var(--white);background:#452bb5;justify-content:space-between;align-items:center;display:flex}.side-panel-header h2{font-size:1.5rem;font-weight:600}.side-panel-header-actions{align-items:center;gap:12px;display:flex}.add-connection-btn{color:var(--white);cursor:pointer;transition:var(--transition);white-space:nowrap;text-transform:uppercase;background:#321aa9;border:none;border-radius:24px;padding:8px 16px;font-size:.9rem;font-weight:600}.add-connection-btn:hover{box-shadow:var(--shadow-md);background:#4527cc;transform:translateY(-2px)}.add-connection-btn:active{transform:translateY(0)}.close-btn{color:var(--white);cursor:pointer;width:32px;height:32px;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:2rem;line-height:1;display:flex}.close-btn:hover{background:#fff3}.side-panel-body{padding:var(--spacing-md);flex:1;overflow-y:auto}.form-section{margin-bottom:var(--spacing-sm)}.form-section-api-key{margin-top:40px}.wallets-section{margin-top:var(--spacing-lg)}.wallets-section-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--primary-color);justify-content:space-between;align-items:center;display:flex}.wallets-section .wallets-section-header h3{color:var(--text-primary);border:none;margin:0;padding:0;font-size:1.1rem;font-weight:600}.wallets-list{gap:var(--spacing-sm);margin-top:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.wallet-tile{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;gap:var(--spacing-xs);box-sizing:border-box;flex-direction:column;min-height:120px;transition:box-shadow .2s,border-color .2s;display:flex}.wallet-tile:hover,.wallet-tile:focus{box-shadow:var(--shadow-md);border-color:var(--primary-color);outline:none}.wallet-tile:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.wallet-tile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.wallet-tile-detail{color:var(--text-secondary);font-size:.8rem}.wallet-tile-status{border-radius:12px;align-items:center;gap:4px;width:fit-content;margin-top:auto;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.wallet-tile-status.enabled{color:#065f46;background:#d1fae5}.wallet-tile-status.disabled{color:#991b1b;background:#fee2e2}.wallet-tile-default-badge{color:#92400e;background:#fef3c7;border-radius:12px;align-items:center;gap:4px;width:fit-content;margin-top:2px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.wallet-tile-is-default{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.wallets-empty-state{background:var(--bg-light,#f9fafb);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);margin-top:var(--spacing-sm);font-size:.9rem}#walletModal{z-index:3500;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}#walletModal.open{display:flex}.form-section h3{margin-bottom:var(--spacing-sm);color:var(--text-primary);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--primary-color);font-size:1.1rem;font-weight:600}.form-group .form-hint{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.85rem;display:block}.form-group label{margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-weight:500;display:block}.radio-group{gap:var(--spacing-lg);margin-top:var(--spacing-xs);display:flex}.radio-label{cursor:pointer;align-items:center;font-weight:400;display:flex}.radio-label input[type=radio]{margin-right:var(--spacing-xs);cursor:pointer}.radio-label span{color:var(--text-primary)}.required{color:var(--danger-color)}.optional{color:#666;font-weight:400}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.error-message{color:var(--danger-color);margin-top:var(--spacing-xs);font-size:.875rem;display:none}.form-text{color:var(--text-muted);margin-top:var(--spacing-xs);font-size:.875rem}.form-group.error .error-message{display:block}.form-group.error .form-control{border-color:var(--danger-color)}.payable-readonly-field{color:#555;cursor:default;background:#f5f5f5}.payable-total-field{color:var(--primary-color);font-weight:600}.payable-total-row{grid-template-columns:1fr 1fr}.payable-total-row .form-group{grid-column:2}.fee-calculation{color:#666;margin-left:4px;font-size:.8rem;font-weight:400}.email-status{color:#666;min-height:20px;margin-top:4px;font-size:.875rem}.email-status.checking{color:#2196f3}.email-status.error{color:#d32f2f}.email-status.success{color:#4caf50}.invoice-number-status{color:#666;min-height:20px;margin-top:4px;font-size:.875rem}.invoice-number-status.checking{color:#2196f3}.invoice-number-status.error{color:#d32f2f}.invoice-number-status.success{color:#4caf50}.send-date-with-expiration{gap:var(--spacing-xs);flex-direction:column;display:flex}.expiration-note{color:var(--text-secondary);font-size:.875rem;font-style:italic}.line-items-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.line-items-container{margin-bottom:var(--spacing-md)}.line-item{background:var(--background);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);position:relative}.line-item-grid{gap:var(--spacing-sm);grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:start;display:grid}.line-item .form-group{margin-bottom:0}.line-item-remove{color:var(--danger-color);cursor:pointer;width:32px;height:32px;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:24px;padding:0;font-size:1.5rem;display:flex}.line-item-remove:hover{background:var(--danger-color);color:var(--white)}.invoice-totals-summary{background:var(--background);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-md)}.total-row{padding:var(--spacing-xs) 0;color:var(--text-secondary);justify-content:space-between;display:flex}.total-row-final{border-top:2px solid var(--border-color);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);color:var(--text-primary);font-size:1.1rem}.form-actions{gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:#fff;flex-flow:wrap;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 -2px 8px #0000001a}.form-actions .btn{box-sizing:border-box;flex:1;justify-content:center;align-items:center;min-width:150px;height:44px;line-height:1;display:inline-flex}.form-loading{z-index:10;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.merchant-settings-version{text-align:right;color:#b0b0b0;background:var(--white);flex-shrink:0;padding:4px 12px 6px;font-size:11px}.merchant-settings-fullscreen{z-index:3000;background:#00000073;justify-content:stretch;align-items:stretch;display:none;position:fixed;inset:0}.merchant-settings-fullscreen.open{display:flex}.msf-content{background:#f4f6fa;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.msf-header{color:#fff;background:#452bb5;border-bottom:1px solid #ffffff26;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.msf-header h2{margin:0;font-size:1.4rem;font-weight:600}.msf-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:2rem;line-height:1;transition:background .2s;display:flex}.msf-close-btn:hover{background:#fff3}.msf-body{flex:1;display:flex;overflow:hidden}.msf-nav{border-right:1px solid var(--border-color);background:#fff;flex-direction:column;flex-shrink:0;width:220px;min-width:180px;padding:16px 0;display:flex;overflow-y:auto}.msf-nav-item{text-align:left;width:100%;color:var(--text-secondary,#666);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:12px 24px;font-size:.95rem;font-weight:500;transition:background .15s,color .15s;display:block}.msf-nav-item:hover{color:#452bb5;background:#f0eeff}.msf-nav-item.active{color:#452bb5;background:#f0eeff;border-left-color:#452bb5;font-weight:600}.msf-nav-footer{margin-top:auto;padding:16px 24px}.msf-logout-btn{width:100%}.msf-main{background:#f4f6fa;flex:1;padding:32px 40px;overflow-y:auto}.msf-section{max-width:640px}.msf-section-title{color:var(--text-primary,#1a1a2e);border-bottom:2px solid var(--border-color,#e2e8f0);margin-bottom:20px;padding-bottom:10px;font-size:1.25rem;font-weight:600}.default-outgoing-info{align-items:center;gap:var(--spacing-md,12px);flex-wrap:wrap;display:flex}.settlement-ach-header{margin-bottom:var(--spacing-sm);align-items:center;gap:8px;display:flex}.settlement-ach-header h4{margin:0}.default-outgoing-label{color:var(--text-secondary,#666);font-size:.9rem}.msf-users-placeholder{text-align:center;color:var(--text-secondary,#666);padding:60px 20px}.msf-users-placeholder .empty-icon{margin-bottom:12px;font-size:3rem}@media (width<=640px){.msf-body{flex-direction:column}.msf-nav{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border-color);flex-flow:wrap;padding:8px 0;overflow:auto hidden}.msf-nav-item{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;padding:8px 16px}.msf-nav-item.active{border-bottom-color:#452bb5;border-left-color:#0000}.msf-nav-footer{margin-top:0;padding:8px 16px}.msf-main{padding:20px 16px}}.toast{background:var(--text-primary);color:var(--white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:9999;text-align:center;max-width:500px;transition:bottom .3s;position:fixed;bottom:-100px;left:50%;transform:translate(-50%)}.toast.show{bottom:var(--spacing-lg)}.toast.success{background:var(--success-color)}.toast.error{background:var(--danger-color)}.stub-notice{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--warning-color);color:var(--white);border-radius:var(--radius-md);font-size:.95rem}.stub-notice strong{margin-right:var(--spacing-xs);display:inline-block}.customer-table th:first-child,.customer-table td:first-child{white-space:nowrap;text-overflow:ellipsis;width:25%;max-width:180px;overflow:hidden}.customer-table th:nth-child(2),.customer-table td:nth-child(2){white-space:nowrap;text-overflow:ellipsis;width:20%;max-width:180px;overflow:hidden}.customer-table th:nth-child(3),.customer-table td:nth-child(3){white-space:nowrap;width:15%}.customer-table th:nth-child(4),.customer-table td:nth-child(4){white-space:nowrap;width:12%}.customer-table th:nth-child(5),.customer-table td:nth-child(5){white-space:nowrap;width:10%}.customer-table th:nth-child(6),.customer-table td:nth-child(6){white-space:nowrap;text-align:left;width:18%}.invoice-table th:first-child,.invoice-table td:first-child,.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;width:20%;max-width:20%}.invoice-table th:nth-child(3),.invoice-table td:nth-child(3){white-space:nowrap;width:15%}.invoice-table th:nth-child(4),.invoice-table td:nth-child(4){white-space:nowrap;width:12%}.invoice-table th:nth-child(5),.invoice-table td:nth-child(5){white-space:nowrap;width:15%}.invoice-table th:nth-child(6),.invoice-table td:nth-child(6){white-space:nowrap;width:18%}#payableListSection .invoice-table th:first-child,#payableListSection .invoice-table td:first-child{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;width:20%;max-width:20%}#payableListSection .invoice-table th:nth-child(2),#payableListSection .invoice-table td:nth-child(2){word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;width:15%;max-width:15%}#payableListSection .invoice-table th:nth-child(3),#payableListSection .invoice-table td:nth-child(3){white-space:nowrap;width:15%}#payableListSection .invoice-table th:nth-child(4),#payableListSection .invoice-table td:nth-child(4){white-space:nowrap;text-overflow:ellipsis;width:33%;overflow:hidden}#payableListSection .invoice-table th:nth-child(5),#payableListSection .invoice-table td:nth-child(5){white-space:nowrap;width:20%}#payableListSection .invoice-table th:nth-child(6),#payableListSection .invoice-table td:nth-child(6){white-space:nowrap;width:12%}.settlement-table th,.settlement-table td{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.settlement-table th{white-space:nowrap}.settlement-table th:first-child,.settlement-table td:first-child{width:25%;max-width:25%}.settlement-table th:nth-child(2),.settlement-table td:nth-child(2){width:15%;max-width:15%}.settlement-table th:nth-child(3),.settlement-table td:nth-child(3){width:60%;max-width:60%}@media (width<=1024px){.filters-grid{flex-wrap:wrap}.filter-search{flex:100%;min-width:100%}.filter-actions{flex:0 auto;justify-content:flex-start;width:100%;margin-left:0}}@media (width<=768px){.container{padding:var(--spacing-md)}.header-content{flex-wrap:wrap;gap:6px}.filters-grid{flex-direction:column;align-items:stretch}.filter-search{flex:auto;min-width:100%}.filter-actions{flex-direction:column;width:100%;margin-left:0}.filter-actions .btn{width:100%}.customer-list-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.table-responsive{border-radius:var(--radius-sm);border:1px solid var(--border-color)}.customer-table{font-size:.875rem}.customer-table th,.customer-table td{padding:12px 8px}.customer-table th:nth-child(3),.customer-table td:nth-child(3),.invoice-table th:nth-child(3),.invoice-table td:nth-child(3),.invoice-table th:nth-child(4),.invoice-table td:nth-child(4),.invoice-table th:nth-child(6),.invoice-table td:nth-child(6),.invoice-table th:nth-child(7),.invoice-table td:nth-child(7){display:none}.side-panel{max-width:100%}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (width<=480px){.header{padding:var(--spacing-md)}.header h1{font-size:1.25rem}.line-item-grid{grid-template-columns:1fr}.line-item-remove{top:var(--spacing-sm);right:var(--spacing-sm);margin-top:0;position:absolute}}.modal{z-index:2100;opacity:0;width:100vw;height:100vh;transition:opacity var(--transition);justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}.modal.day-details-modal{z-index:2500}.modal.open{opacity:1;display:flex}.modal-overlay{background:var(--overlay);width:100vw;height:100vh;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1;flex-direction:column;width:90%;max-width:800px;max-height:90vh;display:flex;position:relative}.modal-content-small{max-width:500px}.modal-content-large{width:90%;max-width:900px}.transaction-details-content{padding:0}.transaction-details-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.transaction-section{background:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.transaction-section-full{grid-column:1/-1}.transaction-section .section-title{color:var(--text-primary);border-bottom:2px solid var(--border-color);margin:0 0 1rem;padding-bottom:.75rem;font-size:1rem;font-weight:600}.detail-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.625rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted);flex-shrink:0;font-size:.875rem;font-weight:500}.detail-value{color:var(--text-primary);text-align:right;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;min-width:0;max-width:60%;font-size:.875rem;font-weight:500}.commerce-table tbody tr{cursor:pointer;transition:background-color .2s}@media (width<=768px){.transaction-details-grid{grid-template-columns:1fr}.modal-content-large{width:95%;max-width:none}}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:1;background:#452bb5;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-header h2{color:var(--white);font-size:1.5rem;font-weight:600}.modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.modal-actions{gap:var(--spacing-md);padding:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--white);margin-top:var(--spacing-lg);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);justify-content:flex-end;display:flex}.confirmation-success-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:3em;font-weight:700;display:flex;box-shadow:0 4px 20px #10b9814d}.confirmation-title{color:#10b981;margin-bottom:1rem;font-size:1.8em}.confirmation-text{color:#666;margin-bottom:1.5rem;font-size:1.1em}.confirmation-details-box{text-align:left;background:#f5f7fa;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.confirmation-detail-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:10px 0;display:flex}.confirmation-detail-row:last-child{border-bottom:none}.confirmation-detail-label{color:#718096;font-weight:500}.confirmation-detail-value{color:#1a202c;font-weight:500}.bulk-import-instructions{background:var(--background);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.bulk-import-instructions h3{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.125rem;font-weight:600}.bulk-import-instructions ol{margin-left:var(--spacing-lg);color:var(--text-secondary)}.bulk-import-instructions li{margin-bottom:var(--spacing-sm)}.bulk-import-actions{margin-bottom:var(--spacing-lg);text-align:center}.bulk-import-file-input{margin-bottom:var(--spacing-lg)}.file-input-label{padding:var(--spacing-xl);border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);background:var(--background);flex-direction:column;justify-content:center;align-items:center;display:flex}.file-input-label:hover{border-color:var(--primary-color);background:var(--white)}.file-input-label.dragover{border-color:var(--primary-color);background:var(--white);border-style:solid}.file-input-label .icon{margin-bottom:var(--spacing-sm);font-size:3rem}.bulk-import-file-info{background:var(--background);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.bulk-import-file-info p{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.bulk-import-file-info p:last-child{margin-bottom:0}.bulk-import-progress{text-align:center;margin-bottom:var(--spacing-lg)}.bulk-import-progress h3{margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1.25rem;font-weight:600}.progress-bar-container{background:var(--background);border-radius:var(--radius-md);width:100%;height:30px;margin-bottom:var(--spacing-md);overflow:hidden}.progress-bar{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);width:0%;height:100%;color:var(--white);justify-content:center;align-items:center;font-weight:600;transition:width .3s;display:flex}.progress-text{color:var(--text-secondary);font-size:.875rem}.bulk-import-log{background:var(--background);border-radius:var(--radius-md);max-height:300px;padding:var(--spacing-md);overflow-y:auto}.log-entry{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-left:3px solid var(--border-color);font-size:.875rem}.log-entry.success{border-left-color:var(--success-color);color:var(--success-color)}.log-entry.error{border-left-color:var(--danger-color);color:var(--danger-color)}.bulk-import-results h3{margin-bottom:var(--spacing-lg);text-align:center;color:var(--text-primary);font-size:1.5rem;font-weight:600}.results-summary{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.result-stat{background:var(--background);padding:var(--spacing-lg);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;display:flex}.result-stat.success{border-left:4px solid var(--success-color)}.result-stat.error{border-left:4px solid var(--danger-color)}.stat-icon{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.result-stat.success .stat-icon{color:var(--success-color);background:#10b9811a}.result-stat.error .stat-icon{color:var(--danger-color);background:#ef44441a}.stat-value,.stat-number{color:var(--text-primary);font-size:2rem;font-weight:700}.stat-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}#failedRowsSection{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}#failedRowsSection h4{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.125rem;font-weight:600}.bulk-fee-summary{border:1px solid var(--success-color);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);background:#10b9810f}.bulk-fee-info-text{color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-md);font-size:.875rem}.bulk-fee-info-text.bulk-fee-info-error{color:var(--danger-color)}.fee-summary-title{color:var(--success-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-align:center;font-size:.8125rem;font-weight:600}.fee-summary-items{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex}.fee-summary-item{flex-direction:column;align-items:center;gap:2px;min-width:100px;display:flex}.fee-summary-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.fee-summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem}.fee-summary-grand-total .fee-summary-value{color:var(--success-color)}.failed-rows-list{max-height:300px;overflow-y:auto}.failed-row-item{background:var(--background);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:3px solid var(--danger-color)}.failed-row-item .row-number{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.failed-row-item .row-data{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.875rem}.failed-row-item .error-container{margin-top:var(--spacing-sm)}.failed-row-item .error-title{color:var(--danger-color);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:600}.failed-row-item .error-list{padding-left:var(--spacing-md);margin:0;list-style-type:disc}.failed-row-item .error-list li{color:var(--danger-color);margin-bottom:4px;font-size:.875rem;line-height:1.4}.failed-row-item .error-message{color:var(--danger-color);font-size:.875rem;font-weight:500}.header-buttons{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.header-buttons .btn{justify-content:center;min-width:160px}@media (width<=768px){.header-buttons{gap:var(--spacing-sm);flex-direction:column;width:100%}.header-buttons .btn{width:100%;min-width:unset}.failed-row-item{padding:var(--spacing-sm)}.failed-row-item .row-data{word-break:break-word;font-size:.8rem}.bulk-import-log{max-height:300px}.results-summary{gap:var(--spacing-sm);flex-direction:column}.result-stat{width:100%}}@media (width>=769px) and (width<=1024px){.header-buttons{gap:var(--spacing-sm)}.header-buttons .btn{min-width:140px;padding:8px 16px;font-size:.9rem}.failed-row-item{padding:var(--spacing-sm) var(--spacing-md)}}@media (width<=480px){.header h1{font-size:1.5rem}.failed-row-item .error-list{padding-left:var(--spacing-md);font-size:.8rem}.btn{padding:8px 16px;font-size:.9rem}.modal-content{padding:var(--spacing-md);max-width:95%;max-height:90vh}}.calendar-view-toggle{gap:var(--spacing-xs);display:flex}.btn-toggle{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--white);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:.9rem;font-weight:500}.btn-toggle:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.btn-toggle.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white);font-weight:600}.calendar-navigation{align-items:center;gap:var(--spacing-sm);display:flex}.calendar-period{color:var(--text-primary);text-align:center;min-width:200px;font-size:1rem;font-weight:600}.calendar-legend{background:var(--white);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:var(--spacing-md)}.calendar-legend h3{color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;font-size:.9rem;font-weight:600}.legend-items{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--spacing-xs);font-size:.85rem;display:flex}.legend-indicator{border-radius:2px;width:20px;height:12px;display:inline-block}.legend-indicator.scheduled{border-left:3px solid var(--info-color);background:#3b82f64d}.legend-indicator.payments-in{border-left:3px solid var(--success-color);background:#10b9814d}.legend-indicator.payments-out{border-left:3px solid var(--danger-color);background:#dc26264d}.legend-label{color:var(--text-secondary)}.calendar-container{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-md)}.calendar-grid{gap:var(--spacing-sm);display:grid}.calendar-grid.monthly-view,.calendar-grid.weekly-view{grid-template-columns:repeat(7,1fr)}.calendar-month-label{text-align:center;color:var(--text-primary);padding:var(--spacing-md) 0;background:var(--background);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);grid-column:1/-1;font-size:1.1rem;font-weight:700}.calendar-day-header{background:var(--background);padding:var(--spacing-sm);text-align:center;color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600}.weekly-view .calendar-day-header{gap:var(--spacing-xs);flex-direction:column;display:flex}.weekly-view .calendar-day-header .day-name{font-size:.85rem;font-weight:600}.weekly-view .calendar-day-header .day-date{color:var(--text-muted);font-size:.75rem}.calendar-grid .calendar-day{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);min-height:120px;transition:var(--transition);aspect-ratio:unset;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.calendar-grid .calendar-day.other-month{background:var(--background);opacity:.6}.calendar-grid .calendar-day.today{border:2px solid var(--primary-color);background:#321aa90d}.calendar-grid .calendar-day.has-data{border-color:var(--primary-light)}.calendar-grid .calendar-day.has-data:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}.calendar-grid .day-number{color:var(--text-primary);margin-bottom:var(--spacing-xs);height:auto;font-size:.95rem;font-weight:600;line-height:1.2}.calendar-grid .day-summary{gap:var(--spacing-xs);flex-direction:column;flex:1;width:100%;min-height:20px;font-size:.85rem;display:flex}.calendar-grid .day-summary-empty{color:var(--text-muted);font-size:.8rem;font-style:italic}.calendar-grid .day-item{border-radius:3px;padding:2px 6px;font-size:.75rem;line-height:1.2}.calendar-grid .day-item.scheduled{color:var(--primary-color);background:#a78bfa33}.calendar-grid .day-item.payment-in{color:#15803d;background:#22c55e33}.calendar-grid .day-item.payment-out{color:#991b1b;background:#ef444433}.calendar-cell{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);min-height:120px;transition:var(--transition);flex-direction:column;display:flex}.calendar-cell.other-month{background:var(--background);opacity:.5}.calendar-cell.today{border:2px solid var(--primary-color);background:#321aa90d}.calendar-cell.has-data{border-color:var(--primary-light)}.calendar-cell.has-data:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}.calendar-cell-date{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:.95rem;font-weight:600}.today .calendar-cell-date{color:var(--primary-color)}.calendar-cell-activity{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.activity-indicator{padding:var(--spacing-xs);border-radius:var(--radius-sm);flex-direction:column;gap:2px;font-size:.75rem;display:flex}.activity-indicator.pay-requests{border-left:3px solid var(--info-color);background:#3b82f64d}.activity-indicator.payments-in{border-left:3px solid var(--success-color);background:#10b9814d}.activity-indicator.payments-out{border-left:3px solid var(--danger-color);background:#dc26264d}.activity-indicator.funds-collected{border-left:3px solid var(--success-color);background:#10b9811a}.activity-label{color:var(--text-secondary);font-size:.7rem;font-weight:600}.activity-count{color:var(--text-primary);margin-left:var(--spacing-xs);font-weight:600}.activity-amount{color:var(--text-secondary);font-size:.75rem;font-weight:500}.weekly-view .calendar-cell{min-height:200px}.day-details-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.detail-section{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--white)}.detail-section-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.detail-section-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.detail-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.detail-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:all var(--transition)}.detail-item[data-invoice-id]{cursor:pointer}.detail-item:hover{border-color:var(--primary-color);background:#667eea0d;transform:translateY(-1px);box-shadow:0 2px 8px #667eea26}.detail-item-scheduled{border-left:4px solid var(--info-color);background:#3b82f61a}.detail-item-payment-in{border-left:4px solid var(--success-color);background:#10b9811a}.detail-item-payment-out{border-left:4px solid var(--danger-color);background:#ef44441a}.summary-item.pay-requests{border-left:4px solid var(--info-color);background:#3b82f61a}.summary-itemxi.-payment-in{border-left:4px solid var(--success-color);background:#10b9811a}.summary-item.payment-out{border-left:4px solid var(--danger-color);background:#ef44441a}.detail-item-main{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.detail-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.detail-amount{color:var(--primary-color);font-size:1rem;font-weight:700}.detail-item-sub{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.status-badge{border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.status-draft{color:var(--text-secondary);background:#9ca3af33}.status-badge.status-pending{color:var(--warning-color);background:#f59e0b33}.status-badge.status-scheduled,.status-badge.status-sent{color:var(--info-color);background:#3b82f633}.status-badge.status-completed,.status-badge.status-Approved,.status-badge.status-approved{color:var(--success-color);background:#10b98133}.status-badge.status-expired,.status-badge.status-cancelled{color:var(--danger-color);background:#ef444433}.status-badge.status-returned{color:var(--warning-color);background:#f59e0b33}.payment-method{border-radius:var(--radius-sm);color:var(--primary-color);background:#321aa91a;padding:2px 8px;font-size:.75rem;font-weight:600}.detail-list-simplified{gap:var(--spacing-xs);flex-direction:column;display:flex}.detail-item-row{padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:all var(--transition);justify-content:space-between;align-items:center;display:flex}.detail-item-row[data-invoice-id]{cursor:pointer}.detail-item-row:hover{border-color:var(--primary-color);background:#667eea0d;transform:translateY(-1px);box-shadow:0 2px 8px #667eea26}.detail-count{color:var(--text-primary);font-size:.95rem;font-weight:600}.detail-amount-right{color:var(--primary-color);text-align:right;font-size:1rem;font-weight:700}.empty-message{color:var(--text-muted);text-align:center;padding:var(--spacing-md);font-style:italic}@media (width<=1024px){.calendar-cell{min-height:100px}.activity-indicator{font-size:.7rem}.activity-label{font-size:.65rem}}@media (width<=768px){.calendar-grid.monthly-view{gap:4px}.calendar-cell{min-height:80px;padding:4px}.calendar-cell-date{font-size:.85rem}.activity-indicator{padding:4px;font-size:.65rem}.calendar-day-header{padding:4px;font-size:.8rem}}@media (width<=480px){.calendar-navigation{flex-wrap:wrap}.calendar-period{width:100%;margin-bottom:var(--spacing-xs)}.calendar-cell{min-height:60px}.activity-amount{display:none}}.btn:focus,.form-control:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){:root{--border-color:#000;--text-secondary:#000}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.routing-info{background-color:#f0f9ff;border-left:3px solid #0ea5e9;border-radius:4px;margin-top:8px;padding:8px;font-size:.875rem;display:none}.routing-info-loading{color:#666;display:none}.routing-info-content{display:none}.routing-info-content .bank-name{color:#0c4a6e;margin-bottom:4px;font-weight:600;display:block}.routing-info-content .bank-address{color:#475569}.routing-info-error{color:#dc2626;display:none}.calendar-slide-out-modal{z-index:2000;pointer-events:none;display:none;position:fixed;inset:0}.calendar-slide-out-modal.open{pointer-events:auto;display:block}.calendar-slide-out-overlay{opacity:0;background:#00000080;transition:opacity .3s;position:absolute;inset:0}.calendar-slide-out-modal.open .calendar-slide-out-overlay{opacity:1}.calendar-slide-out-content{background:var(--white);flex-direction:column;width:90%;max-width:1200px;transition:right .3s;display:flex;position:absolute;top:0;bottom:0;right:-100%;overflow-y:auto;box-shadow:-2px 0 10px #0003}.calendar-slide-out-modal.open .calendar-slide-out-content{right:0}.calendar-slide-out-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);z-index:10;background:#452bb5;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.calendar-slide-out-header h2{color:var(--white);margin:0;font-size:1.5rem;font-weight:600}.calendar-slide-out-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.daily-summary-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:15px}.summary-single-line{flex-wrap:wrap;align-items:center;gap:20px;font-size:14px;line-height:1.5;display:flex}.summary-part{align-items:baseline;gap:5px;display:flex}.summary-part strong{color:#333;font-weight:600}.action-buttons-section{gap:12px;margin-bottom:20px;display:flex}.action-buttons-section .btn{flex:0 auto}@media (width<=768px){.calendar-slide-out-content{width:100%;max-width:none}}.activity-summary-section{background:#321aa9;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 12px #4300c94d}.summary-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.summary-grid-two-col{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}@media (width<=1024px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.summary-grid,.summary-grid-two-col{grid-template-columns:1fr}}.summary-column h3{color:var(--white);margin:0 0 8px;font-size:18px;font-weight:600}.summary-column .summary-subtitle{color:#fffc;margin:0 0 16px;font-size:13px}.stat-item .stat-label{color:#ffffffe6;font-size:14px}.expiring-invoices h4{color:var(--white);margin:16px 0 8px;font-size:14px;font-weight:600}.expiring-list{color:#ffffffe6;font-size:13px}.loading-text{color:#ffffffb3;font-style:italic}.chart-card{padding:var(--spacing-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media (width<=768px){.charts-grid{grid-template-columns:1fr}}.payment-status-chart-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chart-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.chart-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.chart-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.chart-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:.875rem;font-weight:400}.chart-controls{align-items:center;gap:var(--spacing-sm);display:flex}.chart-controls label{color:var(--text-secondary);white-space:nowrap;font-weight:500}.chart-time-select{min-width:120px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;font-size:.95rem}.chart-time-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #321aa91a}.chart-container{width:100%;max-width:500px;padding:var(--spacing-lg) 0;margin:0 auto;position:relative}.chart-container canvas{cursor:pointer;max-height:400px}.chart-loading-state,.chart-error-state{text-align:center;padding:var(--spacing-xl)}.chart-loading-state .spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);width:40px;height:40px;margin:0 auto var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}.chart-error-state .error-message{color:var(--danger-color);font-weight:500}.invoice-status-breakdown{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);flex-direction:column;gap:6px;font-size:.875rem;display:flex}.status-breakdown-item{align-items:center;gap:8px;font-weight:500;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-dot-outstanding{background-color:#3b82f6}.status-dot-approved{background-color:#9333ea}.status-dot-paid{background-color:#10b981}.status-dot-error{background-color:#ef4444}.status-dot-timeout{background-color:#f59e0b}.status-dot-rejected{background-color:#6b7280}.transaction-status-container{gap:var(--spacing-lg);padding:var(--spacing-lg) 0;display:flex}.status-block{width:200px;height:200px;padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:var(--transition);background:#e5e7eb;border:2px solid #0000;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.status-block:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.status-block:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #0085ff1a}.status-block-header{margin-bottom:var(--spacing-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1rem;font-weight:600;overflow:hidden}.status-block-sublabel{color:var(--text-secondary);margin-bottom:var(--spacing-md);white-space:nowrap;font-size:.875rem}.status-block-stats{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.status-block-count{color:var(--text-primary);font-size:1.5rem;font-weight:700}.status-block-divider{color:var(--text-secondary);font-size:1.5rem;font-weight:400}.status-block-percent{color:#c20808;font-size:1.5rem;font-weight:700}@media (width<=768px){.chart-header{flex-direction:column;align-items:flex-start}.chart-container{max-width:100%}.transaction-status-container{flex-direction:column;align-items:center}.status-block{width:180px;height:180px}.status-block-count,.status-block-percent,.status-block-divider{font-size:1.25rem}}#calendarModalBtn{display:none}.connection-selector-wrapper{width:100%;position:relative}.connection-selector-wrapper select{width:100%}.name-fields{margin-top:var(--spacing-sm)}.hidden-option{display:none!important}.terminal-section{max-width:1200px;margin:0 auto;padding:2rem}.terminal-header{margin-bottom:2rem}.terminal-header h2{color:#1a202c;margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.terminal-description{color:#718096;font-size:1rem;line-height:1.5}.terminal-payment-form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:2rem;padding:.9rem}.terminal-payment-form .form-row{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.terminal-payment-form .form-column{flex-direction:column;gap:1rem;display:flex}.terminal-payment-form .form-group{flex-direction:column;display:flex}.terminal-payment-form label{color:#2d3748;margin-bottom:.5rem;font-size:.95rem;font-weight:500}.terminal-payment-form .required{color:#e53e3e}.terminal-payment-form .optional-badge{color:#718096;font-size:.85rem;font-weight:400}.terminal-payment-form .form-control{border:1px solid #cbd5e0;border-radius:4px;padding:.5rem;font-size:1rem;transition:border-color .2s}.terminal-payment-form select.form-control{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.terminal-payment-form .form-control:focus{border-color:#3182ce;outline:none;box-shadow:0 0 0 3px #3182ce1a}.terminal-payment-form .form-control.error{border-color:#e53e3e}.terminal-payment-form .select2-container{width:100%!important}.terminal-payment-form .select2-container--default .select2-selection--single{border:1px solid #cbd5e0;border-radius:4px;min-height:38px}.terminal-payment-form .select2-container--default.select2-container--focus .select2-selection--single{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.terminal-payment-form .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:.5rem;line-height:36px}.terminal-payment-form .select2-container--default .select2-selection--single .select2-selection__arrow{height:36px}.terminal-payment-form .form-hint{color:#718096;margin-top:.25rem;font-size:.85rem}.terminal-payment-form .form-error{color:#e53e3e;margin-top:.5rem;font-size:.85rem}.terminal-payment-form textarea.form-control{resize:vertical;min-height:100px}#payableMemo,#terminalMemo,.memo-cell{font-family:Arial,sans-serif}.authorization-group{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;padding:1rem}.checkbox-label{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:20px;height:20px;margin-top:2px}.checkbox-text{color:#2d3748;font-size:1rem;line-height:1.5}.terminal-payment-form .form-actions{border-top:1px solid #e2e8f0;gap:1rem;margin-top:1rem;padding-top:2rem;display:flex}.terminal-payment-form .btn{cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.terminal-payment-form .btn-primary{color:#fff;background:#3182ce;border:none;border-radius:24px}.terminal-payment-form .btn-primary:hover:not(:disabled){background:#2c5282}.terminal-payment-form .btn-primary:disabled{cursor:not-allowed;background:#cbd5e0}.terminal-payment-form .btn-secondary{color:#4a5568;background:#fff;border:1px solid #cbd5e0;border-radius:24px}.terminal-payment-form .btn-secondary:hover{background:#f7fafc}.btn-spinner{display:none}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.success-message,.error-message{border-radius:8px;margin-bottom:2rem;padding:1.5rem}.success-icon,.error-icon{margin-bottom:.5rem;font-size:2rem}.success-message h3,.error-message h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.success-message p,.error-message p{font-size:1rem;line-height:1.5}@media (width<=768px){.terminal-section{padding:1rem}.terminal-payment-form .form-row{grid-template-columns:1fr;gap:1rem}.terminal-payment-form{padding:1.5rem}.terminal-payment-form .form-actions{flex-direction:column}.terminal-payment-form .btn{justify-content:center;width:100%}}.settlement-list-section{background:var(--white);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.settlement-list-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.settlement-list-header h2{color:var(--text-primary);margin:0;font-size:1.5rem}.settlement-count{color:var(--text-secondary);font-size:.875rem}.settlement-filters-bar{padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-md);background:#321aa9;border-radius:12px;margin:0}.settlement-table{border-collapse:collapse;table-layout:fixed;background:#fff;border-radius:8px;width:100%;overflow:hidden}.settlement-table thead{background:var(--background)}.settlement-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:14px 16px;font-size:.8125rem;font-weight:700}.settlement-table td{border-bottom:1px solid var(--border-color);padding:1rem}.settlement-table tbody tr{transition:background-color .2s}.settlement-table tbody tr:hover{background-color:var(--background)}.settlement-table tbody tr:last-child td{border-bottom:none}.status-settled{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.settlement-metadata{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-md)}.metadata-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.metadata-item{flex-direction:column;display:flex}.metadata-item-full{grid-column:1/-1}.metadata-item label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.75rem;font-weight:600}.metadata-value{padding:var(--spacing-sm);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);word-break:break-word;font-size:.95rem}.settlement-invoices{margin-top:var(--spacing-lg)}.invoices-title{color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color);font-size:1.125rem;font-weight:600}.invoices-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.invoice-row{padding:var(--spacing-md);background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition)}.invoice-row:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.invoice-row-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.invoice-number{color:var(--primary-color);font-size:1rem;font-weight:600}.invoice-amount{color:var(--text-primary);font-size:1rem;font-weight:600}.invoice-row-details{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.invoice-date{font-weight:500}.invoice-description{text-align:right;min-width:0;margin-left:var(--spacing-md);flex:1;font-style:italic}.settlement-detail-panel{width:50vw;max-width:50vw}.sdp-info-bar{border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:#452bb5;flex-wrap:wrap;gap:0;display:flex;overflow:hidden}.sdp-info-item{min-width:0;padding:var(--spacing-sm) var(--spacing-md);border-right:1px solid #ffffff26;flex-direction:column;flex:1 1 0;display:flex}.sdp-info-item:last-child{border-right:none}.sdp-info-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffffb3;white-space:nowrap;margin-bottom:4px;font-size:.6875rem;font-weight:700}.sdp-info-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.sdp-items-title{color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #452bb5;font-size:1.125rem;font-weight:700}.sdp-filter-bar{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--background,#f4f6fa);border-radius:var(--radius-sm);border:1px solid var(--border-color);display:flex}.sdp-filter-label{color:var(--text-secondary);white-space:nowrap;font-size:.8125rem;font-weight:600}.sdp-filter-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--white,#fff);color:var(--text-primary);cursor:pointer;flex:1;max-width:220px;padding:6px 10px;font-size:.875rem}.sdp-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);overflow-x:auto}.sdp-items-table{border-collapse:collapse;background:var(--white,#fff);width:100%;font-size:.875rem}.sdp-th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap;background:var(--background,#f4f6fa);border-bottom:2px solid var(--border-color);-webkit-user-select:none;user-select:none;padding:10px 12px;font-size:.75rem;font-weight:700}.sdp-th.sortable{cursor:pointer;transition:background .15s}.sdp-th.sortable:hover{background:#e8ecf8}.sdp-th.sort-asc .sort-icon:after{content:" ▲"}.sdp-th.sort-desc .sort-icon:after{content:" ▼"}.sdp-th .sort-icon{color:var(--text-secondary);font-size:.75em}.sdp-th.sort-asc .sort-icon,.sdp-th.sort-desc .sort-icon{color:#452bb5}.sdp-items-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:10px 12px}.sdp-items-table tbody tr:last-child td{border-bottom:none}.sdp-items-table tbody tr:hover{background:var(--color-hover,#f0f4ff)}.sdp-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-size:.9rem}.sdp-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8125rem}.sdp-na{color:var(--text-secondary)}@media (width<=900px){.settlement-detail-panel{width:100vw;max-width:100vw}}@media (width<=600px){.sdp-info-bar{flex-direction:column}.sdp-info-item{border-bottom:1px solid #ffffff26;border-right:none}.sdp-info-item:last-child{border-bottom:none}.sdp-filter-select{max-width:100%}}.attachment-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition);background:var(--background);justify-content:center;align-items:center;min-height:180px;display:flex}.attachment-dropzone:hover{border-color:var(--primary-color);background:#0085ff05}.attachment-dropzone.dragover{border-color:var(--primary-color);background:#0085ff0d;border-style:solid}.dropzone-empty{align-items:center;gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.dropzone-empty svg{opacity:.5}.dropzone-text{color:#321aa9;margin:0;font-size:1rem;font-weight:500}.dropzone-subtext{color:var(--text-muted);margin:0;font-size:.875rem}.dropzone-with-file{width:100%;padding:var(--spacing-md);background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.file-info{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.file-name{color:var(--text-primary);word-break:break-word;font-size:.9375rem;font-weight:500}.remove-file-btn{color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:all var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:2rem;line-height:1;display:flex}.remove-file-btn:hover{background:var(--danger-color);color:var(--white)}.attachment-scan-status{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--background);border:1px solid var(--border-color);font-size:.875rem}.scan-status-row{align-items:center;gap:var(--spacing-sm);display:flex}.scan-status-icon{flex-shrink:0;font-size:1rem}.scan-status-text{color:var(--text-primary);font-weight:500}.attachment-scan-status.scan-uploading,.attachment-scan-status.scan-scanning{background:#321aa90a;border-color:#321aa9}.attachment-scan-status.scan-uploading .scan-status-text,.attachment-scan-status.scan-scanning .scan-status-text{color:#321aa9}.attachment-scan-status.scan-passed{border-color:var(--success-color);background:#00a0640d}.attachment-scan-status.scan-passed .scan-status-text{color:var(--success-color,#00a064)}.attachment-scan-status.scan-failed{border-color:var(--danger-color);background:#dc35450d}.attachment-scan-status.scan-failed .scan-status-text{color:var(--danger-color,#dc3545)}.scan-retry-btn{margin-top:var(--spacing-sm);align-items:center;gap:var(--spacing-xs);display:inline-flex}.commerce-filters-bar{padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-md);background:#321aa9;border-radius:12px;margin:0 0 1rem}.commerce-list-section{background:var(--white);border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.commerce-list-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.commerce-list-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.commerce-count{color:var(--text-muted);font-size:.875rem;font-weight:500}.commerce-table{border-collapse:collapse;width:100%;margin-top:1rem}.commerce-table thead{background:var(--background)}.commerce-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:14px 16px;font-size:.8125rem;font-weight:700}.commerce-table td{border-bottom:1px solid var(--border-color);padding:1rem .75rem;font-size:.9375rem}.commerce-table tbody tr{transition:background-color var(--transition)}.commerce-table tbody tr:hover{background-color:var(--bg-light)}.commerce-table tbody tr:last-child td{border-bottom:none}.commerce-table .status-badge{text-transform:uppercase;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.commerce-table .status-submitted{color:#1976d2;background:#e3f2fd}.commerce-table .status-processed{color:#388e3c;background:#e8f5e9}.commerce-table .status-returned{color:#f57c00;background:#fff3e0}.commerce-table .status-failed{color:#d32f2f;background:#ffebee}.btn,.btn-sm,.form-control,select,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=password],textarea{min-height:44px}.btn-sm,.filter-bar-input,select.filter-bar-input,input[type=date].filter-bar-input,input[type=number].filter-bar-input,.filter-clear-btn{min-height:36px}@media (width<=1024px){.header-actions .btn-outline{padding:6px 12px;font-size:.8rem}.header-business-info .business-address{display:none}.tab-navigation{padding-left:20px;padding-right:20px}.container{padding:var(--spacing-lg);padding-top:0}.commerce-table th,.commerce-table td,.settlement-table th,.settlement-table td{padding:10px 12px;font-size:.875rem}}@media (width<=768px){:root{--header-height:96px}.header{height:auto;min-height:56px;overflow:visible}.header-content{padding:8px var(--spacing-md);flex-flow:wrap;align-items:center;gap:6px}.header-left{gap:var(--spacing-sm);flex:auto;min-width:0}.header-logo{font-size:1.25rem}.header-business-info{display:none}.header-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--spacing-sm);flex-shrink:0;width:100%;padding-bottom:4px;overflow-x:auto}.header-actions::-webkit-scrollbar{display:none}.header-actions .btn-outline{white-space:nowrap;flex-shrink:0;height:36px;min-height:36px;padding:6px 10px;font-size:.75rem}.header-actions .user-icon-btn{flex-shrink:0;margin-left:auto}.tab-navigation{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--spacing-md);top:var(--header-height);flex-wrap:nowrap;gap:4px;overflow-x:auto}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0;height:38px;padding:8px 14px;font-size:.8rem}.container{padding:var(--spacing-sm);padding-top:0}.connections-filters-bar,.invoices-filters-bar,.settlement-filters-bar,.commerce-filters-bar,.payables-filters-bar{padding:var(--spacing-sm) var(--spacing-md);border-radius:8px}.filter-bar-grid{gap:var(--spacing-sm)}.filter-bar-group{flex:1 1 calc(50% - var(--spacing-sm));min-width:calc(50% - var(--spacing-sm))}.filter-bar-actions{flex:none;align-self:flex-end;margin-left:0}.filter-bar-input{height:40px;min-height:40px;font-size:.875rem}.commerce-table th:nth-child(2),.commerce-table td:nth-child(2),.commerce-table th:nth-child(4),.commerce-table td:nth-child(4),.commerce-table th:nth-child(5),.commerce-table td:nth-child(5){display:none}.commerce-table th,.commerce-table td{padding:10px 8px;font-size:.875rem}.settlement-table th:nth-child(2),.settlement-table td:nth-child(2){display:none}.settlement-table th,.settlement-table td{padding:10px 8px;font-size:.875rem}.side-panel{width:100%;max-width:100%}.side-panel-body{padding:var(--spacing-sm)}.side-panel-header{padding:var(--spacing-sm) var(--spacing-md)}.side-panel-header h2{font-size:1.125rem}.modal-content{width:95vw;max-width:95vw;max-height:90vh;margin:var(--spacing-md) auto}.modal-content-large{width:95vw;max-width:95vw}.modal-body,.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:1.125rem}.modal-actions{padding:var(--spacing-md);gap:var(--spacing-sm);flex-wrap:wrap}.modal-actions .btn{flex:auto;justify-content:center;min-width:120px}.pagination{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.filters-section{padding:var(--spacing-md);border-radius:var(--radius-md)}.activity-summary-section{border-radius:8px}.summary-column h3{font-size:15px}.calendar-navigation{gap:var(--spacing-xs)}.calendar-view-toggle{flex-wrap:wrap}.home-sub-navigation{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin-left:0;overflow-x:auto}.home-sub-navigation::-webkit-scrollbar{display:none}.customer-list-header-actions,.invoice-list-header-actions{gap:var(--spacing-sm);flex-wrap:wrap}.customer-list-header-actions .btn,.invoice-list-header-actions .btn{flex:auto;justify-content:center;min-width:120px}}@media (width<=480px){:root{--header-height:100px}.header-actions .btn-outline{padding:5px 8px;font-size:.7rem}.tab-navigation{padding:0 var(--spacing-sm);top:var(--header-height)}.tab-btn{padding:7px 10px;font-size:.75rem}.filter-bar-group{flex:100%;min-width:100%}.settlement-table th,.settlement-table td,.commerce-table th,.commerce-table td,.customer-table th,.customer-table td{padding:8px 6px;font-size:.8125rem}.filter-actions{flex-direction:column}.filter-actions .btn{justify-content:center;width:100%}.modal-content{border-radius:var(--radius-md);width:98vw;max-width:98vw}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.form-row{grid-template-columns:1fr}.form-actions{gap:var(--spacing-sm);flex-direction:column}.form-actions .btn{justify-content:center;width:100%}.transaction-details-grid,.metadata-grid{grid-template-columns:1fr}}.btn-info-outline{color:var(--primary-color);border:1.5px solid var(--primary-color);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:24px;padding:8px 16px;font-size:.85rem;font-weight:600}.btn-info-outline:hover:not(:disabled){background:var(--primary-color);color:var(--white);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-info-outline:focus{outline:2px solid var(--primary-color);outline-offset:2px}.bulk-format-info-modal .modal-content{max-width:820px;max-height:85vh;overflow-y:auto}.bulk-format-info-body{padding:0 16px}.format-info-section{margin-bottom:var(--spacing-xl)}.format-info-section h3{color:var(--text-primary);margin-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color);padding-bottom:6px;font-size:1rem;font-weight:700}.format-info-section p{color:var(--text-secondary);margin-bottom:0;line-height:1.6}.format-info-note{margin-bottom:var(--spacing-md);background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:10px 14px}.format-info-note p{color:#92400e;margin-bottom:4px;font-size:.875rem}.format-info-note p:last-child{margin-bottom:0}.format-info-list{margin-left:var(--spacing-lg);color:var(--text-secondary);line-height:1.7}.format-info-list li{margin-bottom:var(--spacing-xs)}.format-info-table-wrapper{overflow-x:auto}.format-info-table{border-collapse:collapse;width:100%;font-size:.875rem}.format-info-table th{background:var(--background);text-align:left;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding:10px 12px;font-weight:600}.format-info-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:top;padding:8px 12px}.format-info-table tr:last-child td{border-bottom:none}.format-info-table code{background:var(--background);color:var(--primary-color);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.8rem}.badge-required{color:#dc2626;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-optional{color:#16a34a;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-conditional{color:#92400e;white-space:nowrap;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.take-payment-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.take-payment-form .form-section{margin-bottom:var(--spacing-lg)}.take-payment-form .form-section:last-child{margin-bottom:0}.take-payment-form .form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.take-payment-form .radio-group{gap:var(--spacing-lg);margin-top:var(--spacing-xs);display:flex}.take-payment-form .radio-label{cursor:pointer;align-items:center;font-weight:400;display:flex}.take-payment-form .radio-label input[type=radio],.take-payment-form .radio-label input[type=checkbox]{margin-right:var(--spacing-xs);cursor:pointer}.take-payment-form .radio-label span{color:var(--text-primary)}.take-payment-form textarea{resize:vertical;min-height:80px}.take-payment-form .form-group:last-of-type{background:var(--background);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.take-payment-form .form-group:last-of-type .radio-label{font-size:.9rem;line-height:1.4}.take-payment-form .form-group:last-of-type .radio-label input[type=checkbox]{align-self:flex-start;margin-top:2px}.take-payment-form .form-group:last-of-type input[type=checkbox].error{outline:2px solid var(--danger-color);outline-offset:2px}@media (width<=768px){.take-payment-form .form-row{grid-template-columns:1fr}.take-payment-form .radio-group{gap:var(--spacing-sm);flex-direction:column}}.terminal-payment-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.terminal-payment-form .form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.terminal-payment-form .form-column{gap:var(--spacing-md);flex-direction:column;display:flex}.terminal-payment-form .form-group{margin-bottom:0}.terminal-payment-form .form-group-flex{flex:1}.terminal-payment-form .form-hint{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.85rem;display:block}.terminal-payment-form .form-error{color:var(--danger-color);margin-top:var(--spacing-xs);font-size:.875rem;display:none}.terminal-payment-form .optional-badge{color:var(--text-muted);margin-left:var(--spacing-xs);font-size:.85rem;font-weight:400}.terminal-payment-form .notes-textarea{resize:vertical;min-height:80px}.terminal-payment-form .authorization-group{background:var(--background);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-top:var(--spacing-lg)}.terminal-payment-form .checkbox-label{cursor:pointer;align-items:flex-start;gap:var(--spacing-sm);font-weight:400;display:flex}.terminal-payment-form .checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-top:2px}.terminal-payment-form .checkbox-text{color:var(--text-primary);font-size:.9rem;line-height:1.4}.btn-spinner{align-items:center;gap:var(--spacing-xs);display:inline-flex}.spinner-small{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.success-message,.error-message{text-align:center;padding:var(--spacing-xl);border-radius:var(--radius-md)}.success-message{color:#065f46;background:#f0f9ff;border:1px solid #10b981}.success-message .success-icon{color:#10b981;margin-bottom:var(--spacing-md);font-size:4rem}.success-message h3{color:#065f46;margin-bottom:var(--spacing-sm);font-size:1.5rem}.success-message p{color:#047857;font-size:1rem}.error-message{color:#991b1b;background:#fef2f2;border:1px solid #ef4444}.error-message .error-icon{color:#ef4444;margin-bottom:var(--spacing-md);font-size:4rem}.error-message h3{color:#991b1b;margin-bottom:var(--spacing-sm);font-size:1.5rem}.error-message p{color:#dc2626;font-size:1rem}@media (width<=768px){.terminal-payment-form .form-row{gap:var(--spacing-md);grid-template-columns:1fr}.terminal-payment-form .form-column{gap:var(--spacing-sm)}}.activity-summary-section{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--white)}.summary-grid-two-col{grid-template-columns:1fr 1fr;display:grid}.summary-column{padding:33px}.summary-column h3{color:var(--white);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;font-size:18px;font-weight:700}.summary-subtitle{color:#fffc;margin-bottom:var(--spacing-lg);font-size:1rem;font-weight:400}.summary-stats{flex-direction:column;display:flex}.stat-item{justify-content:space-between;align-items:center;display:flex}.stat-item:last-child{border-bottom:none}.stat-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-size:1rem;font-weight:500}.stat-value{color:var(--white);font-size:16px;font-weight:500}.dashboard-charts-section{margin-bottom:var(--spacing-lg)}.charts-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.chart-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.chart-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.chart-header h3{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.25rem;font-weight:600}.chart-subtitle{color:var(--text-secondary);margin:0;font-size:.875rem}.chart-container{justify-content:center;align-items:center;height:300px;display:flex;position:relative}.chart-container canvas{max-width:100%;max-height:100%}.chart-loading-state,.chart-error-state{height:200px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.chart-loading-state .spinner{margin-bottom:var(--spacing-md)}.chart-error-state .error-message{color:var(--danger-color);font-size:.9rem}.invoice-status-breakdown{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);justify-content:space-around;gap:var(--spacing-md);flex-flow:wrap;display:flex}@media (width<=1024px){.summary-grid-two-col,.charts-grid{gap:var(--spacing-md);grid-template-columns:1fr}}@media (width<=768px){.activity-summary-section,.chart-card{padding:var(--spacing-md)}.summary-column{padding:var(--spacing-sm)}.chart-container{height:250px}.summary-column h3,.stat-value{font-size:1.25rem}}@media (width<=480px){.stat-item{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.chart-container{height:200px}}.filter-toggle-icons{gap:12px;margin-bottom:16px;padding:12px 0;display:flex}.filter-toggle-btn,.search-toggle-btn{background:var(--primary-color);cursor:pointer;width:48px;height:48px;color:var(--white);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 2px 8px #321aa94d}.filter-toggle-btn:hover,.search-toggle-btn:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #321aa966}.filter-toggle-btn:active,.search-toggle-btn:active{transform:translateY(0)}.filter-bar-wrapper{opacity:0;max-height:0;margin-bottom:0;transition:max-height .4s,opacity .3s,margin .3s;overflow:hidden}.filter-bar-wrapper.show{opacity:1;max-height:500px;margin-bottom:16px}.search-filter-wrapper{opacity:0;max-height:0;margin-bottom:0;transition:max-height .4s,opacity .3s,margin .3s;overflow:hidden}.search-filter-wrapper.show{opacity:1;max-height:300px;margin-bottom:16px}.invoices-filters-bar,.payables-filters-bar,.connections-filters-bar,.filters-section{transform-origin:top;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-container-wrapper{scrollbar-gutter:stable;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow-y:scroll}.login-container{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 40px #0003}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;margin-bottom:8px;font-size:28px}.login-header p{color:#666;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input{border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .3s}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{cursor:not-allowed;background-color:#f5f5f5}.error-message{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px;display:none}.error-message.show{display:block}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:transform .2s,opacity .3s}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}.login-footer{text-align:center;color:#999;margin-top:24px;font-size:12px}.loading-spinner{text-align:center;padding:40px 20px}.loading-spinner p{color:#666;margin-top:16px;font-size:14px}._wrapper_1gglf_6{--primary-color:#321aa9;--secondary-color:#5b48ba;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--background:#f9fafb;--success-color:#10b981;--danger-color:#ef4444;background:var(--background);min-height:100vh;color:var(--text-primary);padding:20px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.4}._wrapper_1gglf_6 *{box-sizing:border-box}._hidden_1gglf_33{display:none!important}._wrapper_1gglf_6 button,._btn_1gglf_39,._btnPrimary_1gglf_40{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}._btn_1gglf_39{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}._btn_1gglf_39:disabled{opacity:.5;cursor:not-allowed}._btnPrimary_1gglf_40{background:var(--primary-color);color:#fff;text-transform:uppercase;border-radius:24px;padding:10px 20px;font-weight:500}._btnPrimary_1gglf_40:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 6px #00000026}._btnPrimary_1gglf_40:focus{outline:2px solid var(--primary-color);outline-offset:2px}._container_1gglf_84{background:#fff;border-radius:12px;max-width:900px;min-height:400px;margin:0 auto;padding:20px 12px;box-shadow:0 10px 40px #0000001a}._loadingState_1gglf_95{text-align:center;padding:60px 20px}._spinner_1gglf_100{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite _spin_1gglf_100}@keyframes _spin_1gglf_100{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingState_1gglf_95 p{color:var(--text-secondary);font-size:13px}._errorState_1gglf_121{text-align:center;padding:60px 20px}._errorIcon_1gglf_126{margin-bottom:20px;font-size:4em}._errorState_1gglf_121 h3{color:var(--danger-color);margin-bottom:10px;font-size:15px}._errorState_1gglf_121 p{color:var(--text-secondary);font-size:13px}._invoiceContent_1gglf_143{animation:.5s ease-in _fadeIn_1gglf_1}@keyframes _fadeIn_1gglf_1{0%{opacity:0}to{opacity:1}}._paypageLayout_1gglf_153{grid-template-columns:1fr 1fr;gap:20px;margin-top:12px;display:grid}._leftColumn_1gglf_160,._rightColumn_1gglf_161{flex-direction:column;gap:15px;display:flex}._invoiceHeaderSection_1gglf_168{background:var(--background);border:2px solid var(--primary-color);border-radius:8px;flex-direction:column;justify-content:center;min-height:90px;padding:15px;display:flex}._invoiceLabel_1gglf_179{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}._invoiceNumberDisplay_1gglf_188{color:var(--primary-color);font-size:28px;font-weight:700}._merchantSection_1gglf_195{background:var(--background);border-radius:8px;padding:15px}._merchantSection_1gglf_195 h2{color:var(--primary-color);margin-bottom:10px;font-size:14px;font-weight:600}._merchantDetails_1gglf_208{flex-direction:column;gap:4px;display:flex}._merchantName_1gglf_214{color:var(--text-primary);font-size:14px;font-weight:600}._merchantAddress_1gglf_220{color:var(--text-secondary);font-size:13px}._notesDisplaySection_1gglf_226{background:var(--background);border-radius:8px;flex-direction:column;flex-grow:1;padding:15px;display:flex}._notesDisplaySection_1gglf_226 h2{color:var(--primary-color);margin-bottom:10px;font-size:14px;font-weight:600}._notesContent_1gglf_242{color:var(--text-primary);white-space:pre-wrap;flex-grow:1;min-height:100px;font-size:13px;line-height:1.6}._amountSection_1gglf_252{background:var(--background);border:2px solid var(--success-color);border-radius:8px;flex-direction:column;justify-content:center;min-height:90px;padding:15px;display:flex}._amountLabel_1gglf_263{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}._amountDisplay_1gglf_272{color:var(--success-color);font-size:28px;font-weight:700}._paymentFields_1gglf_279{background:var(--background);border-radius:8px;padding:15px}._achPaymentForm_1gglf_286 ._formGroup_1gglf_286{margin-bottom:10px}._achPaymentForm_1gglf_286 label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600;display:block}._achPaymentForm_1gglf_286 ._required_1gglf_298{color:var(--danger-color);margin-left:2px}._achPaymentForm_1gglf_286 ._formControl_1gglf_303{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#fff;border-radius:6px;padding:8px;font-family:Poppins,sans-serif;font-size:13px;transition:border-color .3s,box-shadow .3s}._achPaymentForm_1gglf_286 ._formControl_1gglf_303:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #321aa91a}._achPaymentForm_1gglf_286 ._formControl_1gglf_303._error_1gglf_121{border-color:var(--danger-color)}._achPaymentForm_1gglf_286 ._formHint_1gglf_325{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}._formError_1gglf_332{color:var(--danger-color);margin-top:4px;font-size:12px;font-weight:500;display:block}._securityNotice_1gglf_341{background:#e8f5e9;border-left:4px solid #388e3c;border-radius:8px;margin-top:20px;padding:15px}._securityNotice_1gglf_341 p{color:#2e7d32;margin:0;font-size:.9em;line-height:1.5}._securityNotice_1gglf_341 p:first-child{margin-bottom:5px;font-weight:600}._formActionsFullWidth_1gglf_362{margin-top:20px}._formActionsFullWidth_1gglf_362 ._btnPrimary_1gglf_40{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:10px 24px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #321aa94d}._formActionsFullWidth_1gglf_362 ._btnPrimary_1gglf_40:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #321aa94d}._formActionsFullWidth_1gglf_362 ._btnPrimary_1gglf_40:disabled{opacity:.5;cursor:not-allowed;background:var(--text-muted);transform:none}._btnSpinner_1gglf_392{justify-content:center;align-items:center;gap:10px;display:flex}._spinnerSmall_1gglf_399{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite _spin_1gglf_100;display:inline-block}._footer_1gglf_410{text-align:center;max-width:900px;margin:20px auto 0;padding:30px 20px}._footer_1gglf_410 p{color:#666;margin:0;font-size:.9em}._modal_1gglf_424{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}._modalContent_1gglf_438{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:500px;padding:40px;animation:.3s ease-out _slideUp_1gglf_1;box-shadow:0 20px 60px #0000004d}@keyframes _slideUp_1gglf_1{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}._successIcon_1gglf_460{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#66bb6a 100%);border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 auto 20px;font-size:3em;font-weight:700;display:flex;box-shadow:0 4px 20px #4caf504d}._modalContent_1gglf_438 h2{color:#4caf50;margin-bottom:15px;font-size:1.8em}._confirmationMessage_1gglf_481{color:#666;margin-bottom:25px;font-size:1.1em}._confirmationDetails_1gglf_487{text-align:left;background:#f5f7fa;border-radius:8px;margin-bottom:20px;padding:20px}._confirmationRow_1gglf_495{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:10px 0;display:flex}._confirmationRow_1gglf_495:last-child{border-bottom:none}._confirmationRow_1gglf_495 ._label_1gglf_506{color:#666;font-weight:600}._confirmationRow_1gglf_495 ._value_1gglf_511{color:#333;font-weight:600}._confirmationNote_1gglf_516{color:#888;margin-bottom:25px;font-size:.9em}@media (width<=768px){._wrapper_1gglf_6{padding:10px}._container_1gglf_84{padding:20px}._paypageLayout_1gglf_153{grid-template-columns:1fr;gap:15px}._invoiceNumberDisplay_1gglf_188{font-size:20px}._amountDisplay_1gglf_272{font-size:24px}._modalContent_1gglf_438{padding:30px 20px}._successIcon_1gglf_460{width:4rem;height:4rem;font-size:2.5em}._errorIcon_1gglf_126{font-size:3em}}@media (width<=480px){._wrapper_1gglf_6{padding:8px}._container_1gglf_84{border-radius:8px;padding:15px}}._wrapper_1gglf_6 :focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){._wrapper_1gglf_6 *,._wrapper_1gglf_6 :before,._wrapper_1gglf_6 :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}