@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");:root{--primary:#4d4b4b;--secondary:#d3d3d3;--accent:#f27c22;--accent-hover:#ffe7b3;--accent-strong:#b36a00;--bg:#ffffff;--surface:#fff;--text:#222b38;--muted:#7a8ca3;--danger:#ff3864;--success:#2cb67d;--surface-alt:color-mix(in srgb,var(--secondary) 25%,var(--surface) 75%);--table-head-bg:color-mix(in srgb,var(--secondary) 35%,var(--surface) 65%);--table-body-bg:color-mix(in srgb,var(--secondary) 15%,var(--surface) 85%);--subtle-text:var(--muted);--nav:#4d4b4b;--nav-text:#ffffff;--nav-muted:#ffffff;--muted-border:rgba(148,163,184,0.3);--muted-border-weak:rgba(148,163,184,0.18);--muted-border-strong:rgba(148,163,184,0.35);--link-active:#3b82f6;--link-active-bg:#626262;--link-active-border:#626262;--danger-soft:#ffb4c4;--card-radius:16px;--card-padding:2.5rem 3.5rem;--transition:0.18s cubic-bezier(.4,0,.2,1);--font-sans:"Montserrat",Arial,sans-serif;--header-height:80px;--app-top-gap:8px;--card-surface:#ffffff;--card-ink:#222b38;--shadow-sm:0 2px 10px rgba(0,0,0,0.06);--shadow-md:0 4px 14px rgba(0,0,0,0.10);--shadow-lg:0 6px 18px rgba(0,0,0,0.12);--bankcard-header-bg:#525252;--bankcard-header-bg-selected:#333333;--bankcard-header-text:#f8fafc;--bankcard-balance-top:#eaf3fb;--bankcard-bottom-bg:#f8f4ec;--bankcard-bottom-bg-selected:#ffbb83c5;--bankcard-bottom-ink:var(--card-ink);--bankcard-logo-border:#f8f4ec;--bankcard-logo-fallback-bg:#f8f4ec;--bankcard-updated-text:#cbd5e1;--bankcard-reconciled-label:#475569;--bankcard-reconciled-balance:#1e293b;--bankcard-action-bg:var(--link-active);--bankcard-action-text:var(--nav-text);--bankcard-border:var(--muted-border);--menupill-text:var(--nav);--color-success:#10b981;--color-success-light:#f0fdf4;--color-success-border:#bbf7d0;--color-success-text:#16a34a;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fffbeb;--color-warning-border:#fde68a;--color-warning-text:#92400e;--color-error:#ef4444;--color-error-light:#fef2f2;--color-error-border:#fecaca;--color-error-text:#dc2626;--color-info:#3b82f6;--color-info-light:#eff6ff;--color-info-border:#bfdbfe;--color-info-text:#2563eb;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}.sleek-sidebar::-webkit-scrollbar{width:6px}.sleek-sidebar::-webkit-scrollbar-track{background:rgba(148,163,184,.1)}.sleek-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(59,130,246,.6),rgba(29,78,216,.4));border-radius:3px}.sleek-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(29,78,216,.6))}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;transition:background .5s}a,button{transition:color var(--transition),background var(--transition),box-shadow var(--transition),border var(--transition),transform var(--transition)}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--primary)}header{background:var(--surface);color:var(--primary);box-shadow:0 2px 8px rgba(45,95,139,.04);padding:0;border-bottom:1.5px solid var(--secondary);position:-webkit-sticky;position:sticky;top:0;z-index:100;height:var(--header-height);min-height:var(--header-height);max-height:var(--header-height)}header .container{max-width:1200px;margin:0 auto;padding:1.1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}header a{font-size:2rem;font-weight:700;text-decoration:none;color:var(--primary);transition:color var(--transition);letter-spacing:.01em}header a:hover{color:var(--accent-strong)}header nav{display:flex;align-items:center;gap:2rem}header nav a{color:var(--primary);text-decoration:none;font-weight:600;font-size:1.1rem;padding:.3em 1.1em;border-radius:8px;transition:background var(--transition),color var(--transition);position:relative;z-index:1}header nav a:focus,header nav a:hover{background:var(--accent-hover);color:var(--accent-strong);box-shadow:0 1px 4px rgba(246,184,0,.08)}.portalOptions{display:flex;flex-direction:row;gap:2.5rem;justify-content:center;flex-wrap:wrap}.portalCard.portalCard:hover,.portalCard:focus{display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--secondary);border-radius:var(--card-radius);box-shadow:none;padding:var(--card-padding);font-size:1.5rem;font-weight:600;color:var(--primary);text-decoration:none;cursor:pointer;min-width:260px;margin-bottom:.5rem;transition:border var(--transition),background var(--transition),color var(--transition),transform var(--transition)}.portalTitle{font-size:2rem;font-weight:700;color:inherit;margin-bottom:1rem}.portalCard[type=button]{background:var(--surface);border:2px solid var(--secondary);color:var(--primary);box-shadow:none;outline:none}.portalCard[type=button]:focus,.portalCard[type=button]:hover{border:2px solid var(--accent);background:var(--accent-hover);color:var(--accent-strong)}.portalCard:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.portalCardList,.portalCardList ul{list-style:none;padding:0;margin:0}input,select,textarea{background:var(--surface);color:var(--text);border:1.5px solid var(--secondary);border-radius:6px;padding:.5em;min-height:1em;display:flex;align-items:center;font-size:1rem;font-family:var(--font-sans);font-weight:400;width:100%;box-sizing:border-box;margin-bottom:1em}input[type=checkbox],input[type=radio]{width:auto;min-height:auto;padding:0;margin:0;border:none;display:inline-block}.compact-select{padding:2px 6px!important;min-height:0!important;height:28px!important;font-size:13px!important;line-height:1.2!important;margin-bottom:0!important;width:auto}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-hover)}.table input[type=checkbox]:focus{box-shadow:none;border-color:inherit}::-webkit-scrollbar{width:8px;background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px}.employeeDashboard{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:0}.employeeDashboard .portalOptions{gap:2.5rem;flex-wrap:wrap;margin-bottom:2.5rem}.employeeDashboard .portalCard{display:flex;align-items:flex-start;justify-content:flex-start;border-radius:16px;box-shadow:0 2px 8px 0 rgba(44,95,139,.08);padding:2.5rem 3.5rem;font-size:1.25rem;font-weight:600;min-width:260px;max-width:340px;margin-bottom:1.5rem;margin-top:0;color:#2d5f8b;background:#fff!important;border:2px solid #b7c9e2;text-decoration:none;cursor:pointer;transition:border .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.employeeDashboard .portalCard:focus,.employeeDashboard .portalCard:hover{border:2px solid #f6b800;background:#ffe7b3;color:#b36a00;box-shadow:0 4px 16px 0 rgba(246,184,0,.12);margin-bottom:1.7rem}.employeeDashboard .portalTitle{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:1.5rem}.card,.dashboard-card.card:hover,.dashboard-card:hover{border:2px solid var(--secondary);border-radius:var(--card-radius);padding:var(--card-padding)}.button,.card,.dashboard-card.card:hover,.dashboard-card:hover,.portalCard[type=button],button{background:var(--surface);box-shadow:none;color:var(--primary);transition:border var(--transition),background var(--transition),color var(--transition),transform var(--transition)}.button,.portalCard[type=button],button{font-family:var(--font-sans);font-size:1.1rem;font-weight:600;border-radius:8px;border:2px solid transparent;box-sizing:border-box;padding:1rem 2.2rem;margin:.2rem 0;cursor:pointer}.btn-outline{font-size:13px;font-weight:600;padding:4px 10px;border:1px solid var(--primary);background:none;color:var(--primary);border-radius:4px;line-height:1.1}.btn-outline:hover{background:var(--accent-hover);color:var(--accent-strong)}.btn-outline.muted{border-color:var(--muted);color:var(--muted)}.btn-outline.danger{border-color:var(--danger);color:var(--danger)}.btn-outline.success{border-color:var(--success);color:var(--success)}.btn-outline.disabled,.btn-outline:disabled{opacity:.55;cursor:not-allowed;border-color:var(--secondary);color:var(--secondary)}.button:hover,.portalCard[type=button]:\hover,button:hover{background:var(--accent-hover);color:var(--accent-strong);transform:none}.button:focus-visible,.portalCard[type=button]:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;min-width:56px;max-width:270px;width:210px;background:#fff;border-right:1.5px solid var(--secondary);box-shadow:2px 0 8px 0 rgba(45,95,139,.04);display:flex;flex-direction:column;align-items:stretch;z-index:90;transition:width .2s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed{width:56px;min-width:56px;max-width:56px;box-shadow:2px 0 8px 0 rgba(45,95,139,.08);border-right:2px solid var(--secondary);background:#f8fafc}.sidebar-toggle{background:var(--surface);border:1.5px solid var(--secondary);color:var(--primary);font-size:1.2rem;padding:.5rem;cursor:pointer;align-self:flex-start;margin:.75rem .75rem .5rem;border-radius:50%;box-shadow:0 1px 4px rgba(45,95,139,.04);outline:none;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;display:flex;align-items:center;justify-content:center}.sidebar-toggle:active,.sidebar-toggle:focus,.sidebar-toggle:hover{background:var(--accent-hover);border-color:var(--accent);box-shadow:none}.sidebar-links{list-style:none;padding:.5rem 0 0;flex:1 1 auto;display:flex;flex-direction:column;gap:.25rem;min-width:0;margin:4.5rem 0 0}.sidebar-link{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:.5rem .8rem;color:var(--primary);font-size:.98rem;line-height:1.2;word-break:break-word;white-space:normal;font-weight:500;border-radius:8px;text-decoration:none;background:none;border:none;transition:none!important;cursor:pointer;min-width:0;max-width:100%}.sidebar-link.active{background:var(--accent-hover)!important;color:var(--accent-strong)!important;font-weight:700;box-shadow:0 2px 8px 0 rgba(246,184,0,.08);transition:background .15s,color .15s}.sidebar-link:focus:not(.active),.sidebar-link:hover:not(.active){background:var(--secondary);color:var(--primary);text-decoration:none;transition:background .15s,color .15s}.sidebar-label{white-space:normal;overflow:visible;text-overflow:unset;transition:none!important;opacity:1;width:auto;word-break:break-word;font-size:.98em;line-height:1.2;font-weight:500;letter-spacing:.01em;max-width:100%;min-width:0}.sidebar-icon{font-size:1.5rem;min-width:2.2em;text-align:center;transition:none!important}.sidebar-collapsed .sidebar-label{opacity:0;width:0;pointer-events:none}.sidebar-collapsed .sidebar-link{justify-content:center;padding-left:.5rem;padding-right:.5rem}.sidebar-collapsed .sidebar-icon{font-size:1.7rem;min-width:2.7em}.sidebar-collapsed .sidebar-link[title]:hover:after{content:attr(title);position:absolute;left:60px;background:#222;color:#fff;padding:4px 12px;border-radius:6px;font-size:.98em;white-space:nowrap;z-index:9999;box-shadow:0 2px 8px 0 rgba(45,95,139,.12)}.sidebar-logout{padding:.5rem .5rem 1.5rem;margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.sidebar-link.logout{color:var(--danger);background:none;font-weight:600;border:none;outline:none;box-shadow:none;transition:background .15s,color .15s}.sidebar-link.logout:focus,.sidebar-link.logout:hover{background:#ffe7e7;color:#b30000;outline:none}@media (max-width:700px){.sidebar{width:100vw;left:0;top:var(--header-height);border-radius:0 0 1rem 1rem;box-shadow:0 2px 8px 0 rgba(45,95,139,.08)}.sidebar-collapsed{width:56px}}.sidebar-toggle.slick-toggle{position:absolute;top:1rem;left:0;width:100%;height:48px;background:#f7f7fa;border:1.5px solid var(--secondary);border-radius:24px;box-shadow:0 2px 8px 0 rgba(45,95,139,.08);justify-content:center;transition:background .18s,border .18s;z-index:101;cursor:pointer;outline:none;margin-bottom:1.5rem;gap:.5rem;padding:0 .5rem}.sidebar-toggle.slick-toggle,.sidebar-toggle.slick-toggle span{display:flex;align-items:center}.sidebar-toggle.slick-toggle svg{display:block}.sidebar-toggle.slick-toggle .chevron{display:none}.sidebar-links{margin-top:4.5rem}body,html{min-height:100vh;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;width:100%}body.app-shell{display:flex;flex-direction:column}.app-content{flex:1 1 auto;min-width:0;width:100%}.app-content,footer{display:flex;flex-direction:column}footer{max-width:100vw;overflow-x:hidden;left:0;right:0;width:100vw;text-align:center;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px}.sidebar-link,.sidebar-link.active,.sidebar-link:focus,.sidebar-link:hover{transition:background .13s,color .13s}.sidebar-toggle,.sidebar-toggle:active,.sidebar-toggle:focus,.sidebar-toggle:hover{transition:background .13s,color .13s,border .13s}.sidebar-icon,.sidebar-label{transition:none}.react-datepicker{border:1px solid var(--secondary);background:var(--surface);color:var(--text);box-shadow:0 8px 24px color-mix(in srgb,var(--text) 10%,transparent);border-radius:12px;font-family:var(--font-sans)}.react-datepicker__header{background:color-mix(in srgb,var(--secondary) 25%,var(--surface) 75%);border-bottom:1px solid var(--secondary)}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:var(--text);font-weight:700}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:var(--text)}.react-datepicker__day:hover{background:color-mix(in srgb,var(--secondary) 25%,var(--surface) 75%)}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background:var(--primary);color:var(--surface)}.react-datepicker__day--in-range,.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range{background:color-mix(in srgb,var(--primary) 25%,var(--surface) 75%);color:var(--text)}.react-datepicker__day--today{border:1px solid var(--accent)}.react-datepicker__navigation-icon:before{border-color:var(--text)}.react-datepicker__triangle{display:none}.react-datepicker__close-icon:after{background-color:var(--muted)}[data-theme=dark]{--primary:#7fb5ff;--secondary:#334155;--accent:#ffd166;--accent-hover:rgba(255,209,102,0.2);--accent-strong:#ffb703;--bg:#0b1220;--surface:#0f172a;--text:#e2e8f0;--muted:#ffffff;--danger:#ff5c7a;--success:#38d39f;--nav:#000000;--nav-text:#e2e8f0;--nav-muted:#ffffff;--muted-border:rgba(148,163,184,0.3);--muted-border-weak:rgba(148,163,184,0.18);--muted-border-strong:rgba(148,163,184,0.35);--link-active:#60a5fa;--link-active-bg:rgba(96,165,250,0.12);--link-active-border:rgba(96,165,250,0.3);--danger-soft:#ffb4c4;--card-surface:#ffffff;--card-ink:#0f172a;--shadow-sm:0 2px 10px rgba(0,0,0,0.50);--shadow-md:0 4px 14px rgba(0,0,0,0.60);--shadow-lg:0 6px 18px rgba(0,0,0,0.70);--bankcard-header-bg:#1e293b;--bankcard-header-bg-selected:#475569;--bankcard-header-text:#f8fafc;--bankcard-bottom-bg:var(--nav);--bankcard-bottom-bg-selected:#334155;--bankcard-bottom-ink:var(--nav-text);--bankcard-logo-border:#cfe0fc;--bankcard-logo-fallback-bg:#e0e7ff;--bankcard-updated-text:#ffffff;--bankcard-reconciled-label:var(--nav-text);--bankcard-reconciled-balance:var(--nav-text);--bankcard-action-bg:var(--link-active);--bankcard-action-text:var(--nav-text);--bankcard-border:#000000;--menupill-text:var(--nav-text)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--primary:#7fb5ff;--secondary:#334155;--accent:#ffd166;--accent-hover:rgba(255,209,102,0.2);--accent-strong:#ffb703;--bg:#0b1220;--surface:#0f172a;--text:#e2e8f0;--muted:#ffffff;--danger:#ff5c7a;--success:#38d39f;--nav:#000000;--nav-text:#e2e8f0;--nav-muted:#ffffff;--muted-border:rgba(148,163,184,0.3);--muted-border-weak:rgba(148,163,184,0.18);--muted-border-strong:rgba(148,163,184,0.35);--link-active:#60a5fa;--link-active-bg:#f5a339;--link-active-border:#f5a339;--danger-soft:#ffb4c4}}.settings-section{max-width:100%;margin:0 auto;padding:2rem;gap:2rem}.settings-card{background:var(--card-surface);border:2px solid var(--secondary);border-radius:var(--card-radius);box-shadow:var(--shadow-md);padding:2.5rem 2.5rem 2rem}.settings-card--spaced{margin-top:1rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem 2.5rem;gap:2rem 2.5rem}.settings-field--wide{grid-column:1/-1}.settings-field{display:flex;flex-direction:column;gap:.3rem}.settings-label{font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:.2rem}.settings-value{background:var(--surface);color:var(--text);border:1.5px solid var(--secondary);border-radius:6px;padding:.5em 1em;min-height:2em;display:flex;align-items:center;font-size:1rem;font-family:var(--font-sans);font-weight:400;width:100%;box-sizing:border-box;margin-bottom:1em}.settings-value--break{word-break:break-all}.settings-actions{margin-top:auto;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:1rem}.settings-edit-actions{display:flex;gap:1.2rem}.settings-status{font-size:.98rem;margin-bottom:.2rem}.settings-status--success{color:var(--success)}.settings-status--error{color:var(--danger)}.settings-title{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:1.5rem}.settings-primary{background:var(--primary);color:#fff;border:2px solid var(--primary);margin-right:.2rem}.settings-primary:disabled{opacity:.6;cursor:not-allowed}.settings-primary:focus-visible:not(:disabled),.settings-primary:hover:not(:disabled){background:var(--accent);color:var(--accent-strong);border-color:var(--accent)}.settings-cancel{background:var(--secondary);color:var(--primary);border:2px solid var(--secondary)}.settings-cancel:focus-visible,.settings-cancel:hover{background:var(--accent-hover);color:var(--accent-strong);border-color:var(--accent)}.settings-danger{background:var(--danger);color:#fff;border:2px solid var(--danger)}.settings-danger:disabled{opacity:.6;cursor:not-allowed}.settings-danger:focus-visible:not(:disabled),.settings-danger:hover:not(:disabled){background:#ffb4c4;color:#b30000;border-color:#b30000}.settings-desc{font-size:1rem;color:var(--muted);margin-bottom:1.2rem}.settings-row{display:flex;align-items:flex-start;gap:.5rem}.settings-form{display:flex;flex-direction:column;gap:1.2rem}.settings-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}.settings-modal{background:var(--card-surface);border-radius:14px;box-shadow:var(--shadow-lg);padding:2rem 2.2rem 1.5rem;max-width:350px;width:100%}.settings-modal-title{font-size:1.15rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.settings-modal-desc{font-size:.98rem;color:var(--text);margin-bottom:1.5rem}.settings-modal-actions{display:flex;justify-content:flex-end;gap:1rem}@media (max-width:700px){.settings-section{padding:1.2rem 0}.settings-card{padding:1.2rem .7rem}.settings-grid{grid-template-columns:1fr;gap:1.2rem 0}}.settings-tabs{display:flex;gap:1.2rem;margin:2.5rem 0;border-bottom:2px solid var(--secondary)}.settings-tab{display:flex;align-items:center;gap:.6em;font-size:1.1rem;font-weight:600;color:var(--primary);background:none;border:none;border-bottom:2px solid transparent;padding:.7em 1.5em .7em 1.2em;border-radius:10px 10px 0 0;text-decoration:none;transition:color var(--transition),background var(--transition),border-color var(--transition);cursor:pointer;position:relative}.settings-tab:focus,.settings-tab:hover{background:var(--accent-hover);color:var(--accent-strong)}.settings-tab--active{color:var(--link-active);border-bottom:2.5px solid var(--link-active);background:var(--link-active-bg);z-index:2}.settings-tab-icon{font-size:1.3em;margin-right:.5em;display:flex;align-items:center}.settings-layout{display:flex;flex-direction:row;height:calc(100dvh - var(--chrome-offset, 109px));background:var(--surface);gap:0;overflow:hidden}.settings-sidebar{width:240px;min-width:200px;max-width:280px;background:var(--card-surface);border-right:1px solid var(--secondary);padding:0;flex-shrink:0;display:flex;flex-direction:column}.settings-sidebar-header{padding:1.5rem 1.25rem 1rem;border-bottom:1px solid var(--secondary)}.settings-sidebar-header h2{font-size:1.25rem;font-weight:700;color:var(--primary);margin:0}.settings-nav-list{list-style:none;margin:0;padding:.5rem 0}.settings-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem;font-size:.95rem;font-weight:500;color:var(--text);text-decoration:none;border-left:3px solid transparent;transition:all .15s ease;cursor:pointer}.settings-nav-item:hover{background:var(--accent-hover);color:var(--primary)}.settings-nav-item--active{background:var(--accent-hover);color:var(--accent-strong);border-left-color:var(--accent);font-weight:600}.settings-nav-icon{font-size:1.1rem;width:1.5rem;text-align:center;flex-shrink:0}.settings-nav-label{flex:1 1}.settings-content{flex:1 1;padding:2rem 2.5rem;overflow-y:auto;background:var(--surface);min-width:0;min-height:0}.settings-content-header{margin-bottom:1.5rem}.settings-content-header h1{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0 0 .25rem}.settings-content-header p{font-size:.95rem;color:var(--muted);margin:0}.settings-form-section{background:var(--card-surface);border:1px solid var(--secondary);border-radius:var(--card-radius);padding:1.5rem;margin-bottom:1.5rem}.settings-form-section-title{font-size:1rem;font-weight:600;color:var(--primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--secondary)}.settings-form-area{max-width:480px}.settings-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.settings-form-row--single{grid-template-columns:1fr}.settings-form-field{display:flex;flex-direction:column;gap:.375rem}.settings-form-field label{font-size:.875rem;font-weight:500;color:var(--primary)}.settings-form-field input,.settings-form-field select{padding:.5rem .75rem;border:1px solid var(--secondary);border-radius:6px;font-size:.95rem;background:#f7f7f7;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease;max-width:280px}.settings-form-field .password-field{max-width:280px}.settings-form-field input:focus,.settings-form-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-hover);background:#fff}.settings-form-actions{display:flex;justify-content:flex-start;gap:.75rem;margin-top:1.5rem;padding-top:1rem;max-width:480px}.btn-settings{font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:6px}.btn-settings.primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.btn-settings.primary:hover:not(:disabled){background:var(--accent);color:var(--accent-strong);border-color:var(--accent)}.btn-settings.primary:disabled{opacity:.6;cursor:not-allowed}.btn-settings.secondary{background:transparent;color:var(--primary);border:1px solid var(--secondary)}.btn-settings.secondary:hover{background:var(--accent-hover);color:var(--accent-strong);border-color:var(--accent)}.btn-settings.danger{background:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-settings.danger:hover:not(:disabled){background:#ffb4c4;color:#b30000;border-color:#b30000}.btn-settings.danger:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.settings-layout{flex-direction:column;height:auto;max-height:calc(100dvh - var(--chrome-offset, 109px))}.settings-sidebar{width:100%;max-width:none;border-right:none;border-bottom:1px solid var(--secondary)}.settings-nav-list{display:flex;flex-direction:row;overflow-x:auto;padding:0}.settings-nav-item{padding:.75rem 1rem;border-left:none;border-bottom:3px solid transparent;white-space:nowrap}.settings-nav-item--active{border-left-color:transparent;border-bottom-color:var(--accent)}.settings-content{padding:1.5rem 1rem}.settings-form-row{grid-template-columns:1fr}}.table{width:100%;border-collapse:collapse;border:1.5px solid var(--muted-border);background:var(--surface);color:var(--text);font-family:var(--font-sans);table-layout:auto}.table thead{background:var(--table-head-bg)}.table th{text-align:left;font-weight:600;color:var(--primary);border-bottom:1px solid var(--muted-border-weak)}.table td,.table th{padding:.5rem .75rem}.table td{vertical-align:middle;border-top:1px solid var(--muted-border-weak);background:transparent}.table td.text-left,.table th.text-left{text-align:left}.table tr:hover td{background:color-mix(in srgb,var(--table-body-bg) 60%,var(--surface) 40%)}.table .grouped-cell{font-weight:600;background:color-mix(in srgb,var(--table-head-bg) 35%,var(--surface) 65%)}.table-toolbar-container{display:flex;flex-direction:column;gap:8px;margin-bottom:0;padding:10px 12px;background:var(--surface);border:1px solid var(--muted-border);border-radius:8px 8px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:20}.table-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.table-toolbar-row-secondary{padding-top:8px;border-top:1px solid var(--muted-border)}.table-toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-toolbar-right{flex-wrap:wrap}.table-toolbar-right,.table-toolbar-right-end{display:flex;align-items:center;gap:6px;margin-left:auto}.table-toolbar-divider{width:1px;height:20px;background:var(--muted-border);margin:0 4px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap;row-gap:.5rem}.table-search{width:180px;max-width:200px;padding:6px 10px;font-size:13px;border:1px solid var(--muted-border);border-radius:6px;background:var(--background);margin-bottom:0}.table-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(242,124,34,.1)}.table-btn-sm{padding:5px 10px!important;font-size:12px!important}.table-btn-icon{padding:4px 8px!important;min-width:28px;font-size:12px!important;font-weight:600}.table-btn-export{background:var(--accent)!important;color:white!important;border-color:var(--accent)!important}.table-btn-export:hover:not(:disabled){background:var(--accent-dark)!important;border-color:var(--accent-dark)!important}.table-action-btn{position:relative;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;line-height:1.3;border-radius:5px;border:1px solid var(--muted-border);background:var(--background);color:var(--foreground);cursor:pointer;transition:background .12s,border-color .12s,opacity .12s;white-space:nowrap}.table-action-btn:hover:not(:disabled){background:var(--hover-bg,#f5f5f5);border-color:var(--primary)}.table-action-btn:disabled{opacity:.45;cursor:default;pointer-events:none}.table-action-btn-primary{background:#059669;border-color:#059669;color:white}.table-action-btn-primary:hover:not(:disabled){background:#047857;border-color:#047857}.table-action-btn-blue{background:#3b82f6;border-color:#3b82f6;color:white}.table-action-btn-blue:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.table-action-badge{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 5px;border-radius:9px;font-size:10px;font-weight:700;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.2)}.table-action-badge,.table-action-btn:not(.table-action-btn-primary):not(.table-action-btn-blue) .table-action-badge{background:#374151;color:white}.table-selection-badge{display:flex;align-items:center;gap:8px;padding:4px 10px;background:var(--accent-light,#fff7ed);border:1px solid var(--accent,#f27c22);border-radius:4px;font-size:12px;color:var(--accent-dark,#c2410c);font-weight:500}.table-selection-clear{background:none;border:none;padding:2px 4px;cursor:pointer;font-size:11px;color:var(--accent-dark,#c2410c);text-decoration:underline}.table-page-size{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.table-page-size label{line-height:1}.table-page-size select{padding:4px 6px;font-size:12px;border:1px solid var(--muted-border);border-radius:4px;background:var(--background);min-width:50px;line-height:1;vertical-align:middle;margin-bottom:0}.table-pagination-inline{display:flex;align-items:center;gap:12px;margin:0 auto}.table-pagination-info{font-size:12px;color:var(--muted);white-space:nowrap;min-width:90px;text-align:center}.table-pagination-controls{display:flex;align-items:center;gap:2px}.table-pagination-current{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 8px;font-size:12px;font-weight:600;background:var(--accent);color:white;border-radius:4px}.table-options-panel{position:absolute;right:0;margin-top:8px;width:320px;max-height:360px;overflow:auto;z-index:99999;padding:8px;box-shadow:var(--shadow-md);border:1px solid var(--muted-border);background:var(--surface);color:var(--text);border-radius:8px}.header-content,.options-row,.options-row label{display:flex;align-items:center;gap:.5rem}.table-row{transition:background var(--transition)}.cell-content{padding:.15rem 0}.table-fixed{table-layout:fixed}.table-fixed td,.table-fixed th{text-align:center}.table-fixed td{overflow:hidden}.table-fixed td.text-left,.table-fixed th.text-left{text-align:left}.table-compact .cell-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-detailed .cell-content{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;line-height:1.35}.table-view-toggle{display:inline-flex;align-items:center;padding:3px;background:color-mix(in srgb,var(--secondary,#6b7280) 30%,var(--surface,white) 70%);border:1px solid color-mix(in srgb,var(--secondary,#6b7280) 40%,transparent);border-radius:17px;cursor:pointer;transition:background .2s,border-color .2s;height:28px;box-sizing:border-box}.table-view-toggle:hover{background:color-mix(in srgb,var(--secondary,#6b7280) 40%,var(--surface,white) 60%)}.table-view-toggle-on{background:color-mix(in srgb,var(--accent,#f27c22) 20%,var(--surface,white) 80%);border-color:var(--accent,#f27c22)}.table-view-toggle-on:hover{background:color-mix(in srgb,var(--accent,#f27c22) 30%,var(--surface,white) 70%)}.table-view-toggle-track{display:flex;align-items:center;width:38px;height:20px;position:relative}.table-view-toggle-thumb{position:absolute;left:2px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--surface,white);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .2s,background .2s;color:var(--muted,#6b7280)}.table-view-toggle-on .table-view-toggle-thumb{left:18px;background:var(--accent,#f27c22);color:white}.table-pagination{display:flex;align-items:center;gap:8px}.table-pagination-range{font-size:.9rem;font-weight:500;color:var(--muted,#6b7280);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-page-btn{padding:0 6px;height:2rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;font-size:1.4rem;line-height:1;color:var(--text,#111827);cursor:pointer;transition:background .15s,color .15s}.table-page-btn:hover:not(:disabled){background:var(--muted-border,#e5e7eb)}.table-page-btn-disabled{color:var(--muted,#6b7280);cursor:not-allowed;opacity:.4}.table-page-indicator{font-size:.9rem;font-weight:400;color:var(--text-muted,#6b7280);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:6px}.table-page-input{width:40px;height:1.5rem;padding:0 4px;margin:0;box-sizing:border-box;border:1px solid var(--secondary,#6b7280);border-radius:6px;background:var(--surface,white);color:var(--text,#111827);font-size:.9rem;font-weight:600;text-align:center;-moz-appearance:textfield}.table-page-input::-webkit-inner-spin-button,.table-page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.table-page-input:focus{outline:none;border-color:var(--accent,#f27c22);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#f27c22) 20%,transparent)}.table-page-input-wide{width:60px}.table-footer{display:flex;align-items:center;justify-content:flex-end;padding:.5rem .75rem;background:var(--surface,white);border-top:1px solid var(--muted-border,#e5e7eb);border:1px solid var(--muted-border,#e5e7eb);border-radius:0 0 8px 8px;position:-webkit-sticky;position:sticky;bottom:0;z-index:20;box-shadow:0 -1px 3px rgba(0,0,0,.05)}.table-footer-content{display:flex;align-items:center;gap:12px}.options-heading{font-size:.95rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.options-section{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.table-btn{font-size:13px;font-weight:600;padding:6px 10px;border:1px solid var(--primary);background:transparent;color:var(--primary);border-radius:6px}.table-btn:hover{background:var(--accent-hover);color:var(--accent-strong)}.table-icon-btn,button.table-icon-btn{border:none!important;background:transparent!important;padding:2px 6px!important;font-size:1rem;line-height:1;cursor:pointer;color:var(--primary)!important;border-radius:4px;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;margin:0!important;box-shadow:none!important}.table-icon-btn:hover,button.table-icon-btn:hover{background:var(--surface-alt)!important;color:var(--accent-strong)!important}@media (max-width:700px){.table-search{width:160px}.table-options-panel{width:90vw;right:1rem;left:1rem}}.table .options-row input,.table .options-row select,.table .options-row textarea,.table-options-panel .options-row input,.table-options-panel .options-row select,.table-options-panel .options-row textarea{width:auto!important;padding:4px 8px!important;min-height:0!important;height:auto!important;display:inline-block!important;box-sizing:border-box!important;margin:0!important}.table .options-row input[type=checkbox],.table .options-row input[type=radio],.table-options-panel input[type=checkbox],.table-options-panel input[type=radio]{width:auto!important;height:auto!important;padding:0!important;margin-right:.5rem!important;vertical-align:middle!important;transform:none!important;-moz-appearance:auto!important;appearance:auto!important;-webkit-appearance:auto!important}.table .table-search,.table-options-panel input[type=search],.table-options-panel input[type=text]{width:auto!important;max-width:100%!important}.table-options-panel button{font-size:13px!important;font-weight:600!important;padding:6px 10px!important;border-radius:6px!important;border:1px solid var(--primary)!important;background:transparent!important;color:var(--primary)!important}.table-options-panel .options-row label{width:100%}.expanded-row-container{padding:20px;background:var(--surface-alt);border-top:2px solid var(--muted-border);display:grid;grid-template-columns:280px 1fr;grid-gap:24px;gap:24px}.expanded-section-header{font-size:1.1em;font-weight:600;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--primary)}.expanded-card-list{display:flex;flex-direction:column;gap:12px}.expanded-card{background:var(--surface);border:1px solid var(--muted-border);border-radius:6px;padding:10px 12px}.expanded-card-title{font-weight:600;color:var(--text);font-size:.95em}.expanded-card-subtitle{font-size:.85em;color:var(--muted)}.expanded-detail-table{width:100%;font-size:.9em;border-collapse:collapse;background:var(--surface);border-radius:4px;overflow:hidden;border:1px solid var(--muted-border)}.expanded-detail-table thead tr{background:var(--table-head-bg);border-bottom:2px solid var(--muted-border)}.expanded-detail-table th{padding:10px 12px;text-align:left;font-weight:600;color:var(--text)}.expanded-detail-table th.text-right{text-align:right}.expanded-detail-table td{padding:10px 12px;border-bottom:1px solid var(--muted-border-weak);color:var(--text)}.expanded-detail-table td.text-right{text-align:right}.expanded-detail-table td.text-muted{color:var(--muted);font-size:.85em}.expanded-detail-table td.cell-primary{font-weight:500;color:var(--text);vertical-align:top}.balance-positive{font-weight:500;color:var(--success)}.balance-negative{font-weight:500;color:var(--danger)}.cell-stack{font-size:.9em;display:flex;flex-direction:column;gap:4px}.cell-stack-primary{font-weight:600}@media (max-width:900px){.expanded-row-container{grid-template-columns:1fr;gap:16px}}.ag-theme-quartz .ag-checkbox-input{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;opacity:0!important;position:absolute!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;cursor:pointer!important}.ag-theme-quartz .ag-cell[col-id=ag-Grid-SelectionColumn],.ag-theme-quartz .ag-cell[col-id=ag-Grid-SelectionColumn] .ag-cell-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.ag-theme-quartz .ag-cell[col-id=ag-Grid-SelectionColumn] .ag-cell-wrapper{width:100%!important;height:100%!important;margin:0!important}.ag-theme-quartz .ag-cell[col-id=ag-Grid-SelectionColumn] .ag-selection-checkbox{margin:0!important}.ag-theme-quartz .ag-cell[col-id=ag-Grid-SelectionColumn] .ag-selection-checkbox,.ag-theme-quartz .ag-header-cell[col-id=ag-Grid-SelectionColumn]{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.ag-theme-quartz .ag-header-cell[col-id=ag-Grid-SelectionColumn] .ag-header-cell-comp-wrapper{width:100%!important;height:100%!important}.ag-theme-quartz .ag-checkbox,.ag-theme-quartz .ag-header-cell[col-id=ag-Grid-SelectionColumn] .ag-header-cell-comp-wrapper,.ag-theme-quartz .ag-header-cell[col-id=ag-Grid-SelectionColumn] .ag-header-select-all{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}.ag-theme-quartz .ag-checkbox-input-wrapper{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.react-joyride__spotlight path{cursor:default!important}