:root{--color-primary: #008297;--color-primary-dark: #006b7d;--color-primary-light: #009bb3;--color-primary-soft: #e6f3f5;--color-primary-subtle: rgba(0, 130, 151, .1);--color-primary-subtle-hover: rgba(0, 130, 151, .14);--color-primary-ring: rgba(0, 130, 151, .18);--color-primary-border: rgba(0, 130, 151, .28);--color-secondary: #2d3e4a;--color-secondary-muted: #4a5f6d;--color-secondary-soft: #3d5160;--color-text: #2d3e4a;--color-text-muted: #5a6c78;--color-text-subtle: #8a98a3;--color-bg-page: #f3f6f7;--color-bg-surface: #ffffff;--color-bg-muted: #eef2f4;--color-border: #dde4e8;--color-border-light: #e8edf0;--card-shadow: 0 10px 40px rgba(41, 50, 65, .06);--layout-gutter: clamp(1rem, 1.5vw, 2rem);--layout-max: 100%;--color-danger: #b42318;--color-danger-soft: #fef3f2;--color-danger-border: #fecdca;--color-success: #1a7f5a;font-family:Montserrat,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:var(--color-bg-page);color:var(--color-text);overflow-x:hidden;font-family:Montserrat,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:var(--color-text)}p{margin:0;line-height:1.6}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-muted)}::-webkit-scrollbar-thumb{background:#c5d0d6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8b6be}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:1200px){:root{font-size:16px}}@media(max-width:768px){:root{font-size:14px}}@media(max-width:480px){:root{font-size:13px}}.app-header{position:sticky;top:0;z-index:200;width:100%;padding:.85rem var(--layout-gutter);background:var(--color-bg-page)}.app-header-bar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:1rem;min-height:40px}.app-header--compact .app-header-bar{grid-template-columns:auto auto 1fr;column-gap:.65rem}.app-brand{display:flex;align-items:center;justify-content:flex-start;border:none;background:none;cursor:pointer;padding:0;grid-column:1;justify-self:start}.app-brand-imagotipo{height:32px;width:auto;display:block}.app-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:10px;background:transparent;color:var(--color-text-muted);cursor:pointer;grid-column:1;justify-self:start;transition:background .2s ease,color .2s ease}.app-header--compact .app-brand{grid-column:2}.app-menu-toggle:hover,.app-menu-toggle.open{background:var(--color-primary-subtle);color:var(--color-primary)}.app-nav-measure{position:absolute;visibility:hidden;pointer-events:none;height:0;overflow:hidden;display:flex;align-items:center;flex-wrap:nowrap;gap:.25rem;white-space:nowrap}.app-nav-measure-item{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .85rem;font-size:.88rem;font-weight:500}.app-nav-measure-chevron{font-size:.75rem}.app-nav{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.25rem;grid-column:2;justify-self:center}.app-nav-item{position:relative}.app-header-user{grid-column:3;justify-self:end}.app-nav-button,.app-user-trigger{display:inline-flex;align-items:center;gap:.35rem;border:none;background:transparent;color:var(--color-text-muted);font-size:.88rem;font-weight:500;padding:.55rem .85rem;border-radius:10px;cursor:pointer;transition:background .2s ease,color .2s ease;white-space:nowrap}.app-nav-button:hover,.app-user-trigger:hover{background:var(--color-primary-subtle);color:var(--color-text)}.app-nav-button.active,.app-nav-button.open{background:var(--color-primary-subtle);color:var(--color-primary)}.app-nav-chevron{transition:transform .2s ease}.app-nav-chevron.rotated{transform:rotate(180deg)}.app-submenu,.app-user-dropdown{position:absolute;top:calc(100% + .45rem);min-width:200px;background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:0 14px 36px #2d3e4a1a;padding:.35rem;z-index:220}.app-submenu{left:50%;transform:translate(-50%)}.app-submenu-item,.app-user-dropdown-item{width:100%;display:flex;align-items:center;gap:.55rem;border:none;background:none;color:var(--color-text-muted);font-size:.86rem;font-weight:500;padding:.6rem .7rem;border-radius:8px;cursor:pointer;text-align:left}.app-submenu-item:hover,.app-user-dropdown-item:hover{background:var(--color-bg-muted);color:var(--color-text)}.app-submenu-item.active{background:var(--color-primary-subtle);color:var(--color-primary)}.app-user-menu{position:relative}.app-user-trigger.open{background:var(--color-primary-subtle)}.app-user-avatar{width:30px;height:30px;border-radius:50%;background:var(--color-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;flex-shrink:0}.app-user-name{font-size:.84rem;font-weight:600;color:var(--color-text)}.app-user-dropdown{right:0;min-width:240px}.app-user-dropdown-header{display:flex;flex-direction:column;gap:.15rem;padding:.55rem .7rem .65rem;border-bottom:1px solid var(--color-border-light);margin-bottom:.25rem}.app-user-dropdown-email{font-size:.84rem;font-weight:600;color:var(--color-text);word-break:break-word}.app-user-dropdown-role{font-size:.75rem;color:var(--color-text-subtle)}.app-user-dropdown-item.danger{color:var(--color-danger)}.app-user-dropdown-item.danger:hover{background:var(--color-danger-soft);color:#912018}.app-mobile-backdrop{position:fixed;inset:0;z-index:210;border:none;background:#29324159;cursor:pointer}.app-mobile-menu{position:absolute;top:calc(100% + .35rem);left:var(--layout-gutter);right:var(--layout-gutter);z-index:220;display:flex;flex-direction:column;gap:.75rem;max-height:calc(100vh - 4.5rem);padding:.85rem;background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:14px;box-shadow:0 18px 40px #2d3e4a1f;overflow:hidden}.app-mobile-nav{display:flex;flex-direction:column;gap:.2rem;overflow-y:auto}.app-mobile-nav-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:none;background:transparent;color:var(--color-text-muted);font-size:.92rem;font-weight:500;padding:.7rem .75rem;border-radius:10px;cursor:pointer;text-align:left;transition:background .2s ease,color .2s ease}.app-mobile-nav-button:hover,.app-mobile-nav-button.open{background:var(--color-primary-subtle);color:var(--color-text)}.app-mobile-nav-button.active{background:var(--color-primary-subtle);color:var(--color-primary)}.app-mobile-nav-group{display:flex;flex-direction:column;gap:.15rem}.app-mobile-submenu{display:flex;flex-direction:column;gap:.1rem;padding:0 0 .25rem .75rem}.app-mobile-submenu-item{width:100%;border:none;background:transparent;color:var(--color-text-subtle);font-size:.86rem;font-weight:500;padding:.55rem .7rem;border-radius:8px;cursor:pointer;text-align:left;transition:background .2s ease,color .2s ease}.app-mobile-submenu-item:hover{background:var(--color-bg-muted);color:var(--color-text)}.app-mobile-submenu-item.active{background:var(--color-primary-subtle);color:var(--color-primary)}.app-mobile-user{display:flex;flex-direction:column;gap:.65rem;padding-top:.75rem;border-top:1px solid var(--color-border-light);flex-shrink:0}.app-mobile-user-info{display:flex;align-items:center;gap:.65rem}.app-mobile-user-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.app-mobile-user-name{font-size:.88rem;font-weight:600;color:var(--color-text)}.app-mobile-user-email{font-size:.78rem;color:var(--color-text-muted);word-break:break-word}.app-mobile-user-role{font-size:.72rem;color:var(--color-text-subtle)}.app-mobile-logout{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;border:none;border-radius:10px;background:var(--color-danger-soft);color:var(--color-danger);font-size:.86rem;font-weight:600;padding:.65rem .85rem;cursor:pointer;transition:background .2s ease,color .2s ease}.app-mobile-logout:hover{background:#fde4e2;color:#912018}@media(max-width:768px){.app-header{padding:.75rem var(--layout-gutter)}.app-brand-imagotipo{height:28px}.app-user-name{display:none}.app-user-trigger{padding:.45rem}}.footer{width:100%;background:transparent;padding:.75rem var(--layout-gutter) 1.1rem;margin-top:auto;flex-shrink:0;border-top:1px solid var(--color-border-light)}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:var(--layout-max);margin-inline:auto}.footer-isotipo{opacity:.9}.footer-copyright{margin:0;color:var(--color-text-subtle);font-size:.72rem;font-weight:500;letter-spacing:.01em}@media(max-width:768px){.footer-content{flex-direction:column;align-items:flex-start;gap:.45rem}}.main-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-page)}.main-content{flex:1;width:100%;padding:1.25rem var(--layout-gutter) 2rem;min-height:0}.main-content--home{padding-top:1rem}.main-content-card{width:100%;max-width:var(--layout-max);margin-inline:auto;padding:2rem;background:var(--color-bg-surface);border-radius:14px;box-shadow:var(--card-shadow);min-height:0}@media(max-width:768px){.main-content{padding:1rem var(--layout-gutter) 1.5rem}.main-content-card{padding:1.25rem}}.login-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-page);padding:1.5rem}.login-content{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.login-form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1rem}.login-logo{display:flex;justify-content:center;margin-bottom:.5rem}.login-logo-image{width:min(100%,300px);height:auto}.login-field{--label-float-size: .75rem;position:relative;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-page);transition:border-color .2s ease,box-shadow .2s ease}.login-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.login-field input{width:100%;border:none;border-radius:8px;padding:1rem .75rem;font-size:.95rem;background:transparent;color:var(--color-text)}.login-field input:focus{outline:none}.login-field label{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);transform-origin:left center;font-size:.95rem;line-height:1;color:var(--color-text-subtle);font-weight:400;pointer-events:none;z-index:1;transition:top .2s ease,transform .2s ease,font-size .2s ease,color .2s ease,padding .2s ease;background:var(--color-bg-page);padding:0 .35rem;margin-left:-.35rem}.login-field:focus-within label,.login-field input:not(:placeholder-shown)+label{top:0;transform:translateY(-50%);font-size:var(--label-float-size);font-weight:500;padding:0 .4rem;margin-left:-.4rem}.login-field:focus-within label{color:var(--color-primary)}.login-warmup-banner{margin:0;text-align:center;color:var(--color-text-muted);background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:8px;padding:.65rem .75rem;font-size:.9rem}.login-retry{border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-surface);color:var(--color-text);font-weight:600;padding:.65rem .75rem;cursor:pointer}.login-retry:disabled{opacity:.7;cursor:not-allowed}.login-error{margin:0;color:var(--color-danger);background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:8px;padding:.6rem .75rem;font-size:.9rem}.login-submit{margin-top:.25rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-weight:600;padding:.75rem;cursor:pointer}.login-submit:hover:not(:disabled){background:var(--color-primary-dark)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-forgot{align-self:center;border:none;background:none;color:var(--color-text-subtle);font-size:.8rem;font-weight:400;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.login-forgot:hover{color:var(--color-primary)}.login-footer{width:100%;text-align:center;padding:1rem 0 .25rem;color:var(--color-text-subtle);font-size:.75rem}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.page-shell{width:100%;max-width:var(--layout-max);margin-inline:auto;display:flex;flex-direction:column;gap:1.25rem}.page-hero{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-bottom:1.15rem;border-bottom:1px solid var(--color-border-light)}.page-heading{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.page-title{margin:0;display:inline-flex;align-items:center;gap:.5rem;font-size:clamp(1.15rem,1.35vw,1.4rem);font-weight:500;color:var(--color-text-muted);line-height:1.3}.page-title-icon{color:var(--color-primary);opacity:.75;flex-shrink:0}.page-subtitle{margin:0;max-width:72ch;font-size:.84rem;font-weight:400;line-height:1.5;color:var(--color-text-subtle);opacity:.9}.page-hero-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.page-card{background:var(--color-bg-page);border:1px solid var(--color-border-light);border-radius:12px;padding:1.25rem;box-shadow:none}.main-content-card .page-card{background:var(--color-bg-page)}.page-error{margin:0;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger);font-size:.9rem}.page-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:10px;font-size:.86rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.page-btn-primary{border:none;background:var(--color-primary);color:#fff;padding:.6rem .95rem}.page-btn-primary:hover{background:var(--color-primary-dark)}.page-btn-primary:disabled{opacity:.65;cursor:not-allowed}.page-btn-secondary{border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-muted);padding:.55rem .85rem}.page-btn-secondary:hover{border-color:var(--color-primary-border);color:var(--color-primary)}.page-btn-ghost{border:none;background:var(--color-primary-subtle);color:var(--color-primary);padding:.55rem .85rem}.page-btn-ghost:hover{background:var(--color-primary-subtle-hover)}.page-btn-danger{border:none;background:var(--color-danger);color:#fff;padding:.6rem .95rem}.page-btn-danger:hover{background:#b91c1c}.page-btn-danger:disabled{opacity:.65;cursor:not-allowed}.page-field input,.page-field select,.page-field textarea{width:100%;border:1px solid var(--color-border);border-radius:10px;padding:.65rem .75rem;font-size:.9rem;font-family:inherit;color:var(--color-text);background:var(--color-bg-surface);transition:border-color .2s ease,box-shadow .2s ease}.page-field input:focus,.page-field select:focus,.page-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.page-field label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--color-text-muted)}@media(max-width:900px){.page-hero{flex-direction:column;align-items:stretch}.page-hero-actions{width:100%}.page-hero-actions .page-btn{flex:1}}@media(max-width:640px){.page-subtitle{max-width:none}}.home-toolbar{display:flex;justify-content:flex-start;margin-bottom:.25rem}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.kpi-card{background:var(--color-bg-surface);border:none;border-radius:14px;padding:1.5rem;box-shadow:var(--card-shadow)}.kpi-card.highlight{background:var(--color-primary)}.kpi-card.highlight .kpi-label,.kpi-card.highlight .kpi-icon,.kpi-card.highlight .kpi-value,.kpi-card.highlight .kpi-meta{color:#fff}.kpi-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.kpi-label{font-size:.82rem;font-weight:600;letter-spacing:.01em;color:var(--color-text-subtle)}.kpi-icon{flex-shrink:0;color:var(--color-text-subtle)}.kpi-value{margin:.5rem 0 .2rem;font-size:1.8rem;line-height:1.1;font-weight:700;color:var(--color-secondary)}.kpi-value-money{font-size:1.25rem}.kpi-meta{margin:0;font-size:.8rem;color:var(--color-text-subtle)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:.9rem}.dashboard-panel{background:var(--color-bg-surface);border:none;border-radius:14px;padding:1rem;box-shadow:var(--card-shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.panel-header h2{margin:0;display:inline-flex;align-items:center;gap:.4rem;font-size:1rem;color:var(--color-secondary)}.panel-link{display:inline-flex;align-items:center;gap:.2rem;color:var(--color-primary);font-size:.82rem;font-weight:600;text-decoration:none}.panel-link:hover{opacity:.85}.panel-empty{margin:0;color:var(--color-text-subtle);font-size:.9rem;padding:.5rem 0}.recent-expenses-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.recent-expense-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .75rem;border:1px solid var(--color-border-light);border-radius:10px;text-decoration:none;color:inherit;transition:background .2s ease,border-color .2s ease}.recent-expense-item:hover{background:var(--color-bg-muted);border-color:var(--color-border)}.recent-expense-main,.recent-expense-side{display:flex;flex-direction:column;gap:.15rem}.recent-expense-side{align-items:flex-end;text-align:right}.recent-expense-title{font-size:.9rem;font-weight:600;color:var(--color-text)}.recent-expense-category,.recent-expense-date{font-size:.78rem;color:var(--color-text-subtle)}.recent-expense-amount{font-size:.86rem;font-weight:600;color:var(--color-primary)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.quick-action-link{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem .75rem;border:1px solid var(--color-border-light);border-radius:10px;text-decoration:none;color:var(--color-text-muted);font-size:.86rem;font-weight:500;transition:background .2s ease,border-color .2s ease,color .2s ease}.quick-action-link:hover{background:var(--color-primary-subtle);border-color:var(--color-primary-border);color:var(--color-primary)}.dashboard-note{margin-top:.9rem;padding:.75rem;border-radius:10px;background:var(--color-bg-muted);border:1px dashed var(--color-border);display:flex;gap:.45rem;align-items:flex-start;color:var(--color-text-subtle)}.dashboard-note p{margin:0;font-size:.82rem;line-height:1.45}@media(max-width:1100px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(min-width:1400px){.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.dashboard-kpis,.quick-actions-grid{grid-template-columns:1fr}.recent-expense-item{flex-direction:column;align-items:flex-start}.recent-expense-side{align-items:flex-start;text-align:left}}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#29324173}.modal-panel{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 2rem);background:var(--color-bg-surface);border-radius:14px;box-shadow:var(--card-shadow),0 20px 60px #29324126}.modal-panel--sm{max-width:420px}.modal-panel--md{max-width:640px}.modal-panel--lg{max-width:780px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1rem .85rem;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.modal-heading{display:flex;flex-direction:column;gap:.2rem;min-width:0}.modal-title{margin:0;font-size:1.05rem;font-weight:600;color:var(--color-secondary);line-height:1.3}.modal-subtitle{margin:0;font-size:.84rem;color:var(--color-text-subtle);line-height:1.4}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--color-text-subtle);cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease}.modal-close:hover{background:var(--color-bg-muted);color:var(--color-text-muted)}.modal-body{padding:1rem;overflow-y:auto}.cliente-form{display:flex;flex-direction:column;gap:1.25rem}.form-section{display:flex;flex-direction:column;gap:.85rem}.form-section-title{margin:0;font-size:.9rem;font-weight:700;color:var(--color-secondary);letter-spacing:.01em}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.form-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.25rem}.cliente-form-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;text-align:center}.cliente-form-state-icon{color:var(--color-text-subtle)}.cliente-form-state p{margin:0;font-size:.9rem;color:var(--color-text-subtle)}.cliente-form-state-icon.spinning{animation:cliente-form-spin 1s linear infinite}@keyframes cliente-form-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.form-actions{flex-direction:column}.form-actions .page-btn{width:100%}}.confirm-dialog-message{margin:0 0 1.25rem;font-size:.9rem;line-height:1.5;color:var(--color-text-muted)}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}@media(max-width:480px){.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions .page-btn{width:100%}}.clients-panel{display:flex;flex-direction:column;overflow:hidden}.clients-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 0 1rem}.clients-count{margin:0;font-size:.82rem;font-weight:500;color:var(--color-text-subtle);white-space:nowrap}.clients-search{position:relative;display:flex;align-items:center;width:min(100%,280px)}.clients-search-icon{position:absolute;left:.7rem;color:var(--color-text-subtle);pointer-events:none}.clients-search-input{width:100%;padding:.5rem 2rem .5rem 2.15rem;border:1px solid var(--color-border);border-radius:8px;font-size:.84rem;font-family:inherit;color:var(--color-text);background:var(--color-bg-surface);transition:border-color .2s ease,box-shadow .2s ease}.clients-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.clients-search-clear{position:absolute;right:.45rem;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-text-subtle);cursor:pointer;padding:.15rem;border-radius:4px}.clients-search-clear:hover{color:var(--color-text-muted)}.clients-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1.5rem;text-align:center;border:1px solid var(--color-border-light);border-radius:10px;background:var(--color-bg-surface)}.clients-state-icon{color:var(--color-text-subtle)}.clients-state p{margin:0;font-size:.9rem;color:var(--color-text-subtle)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clients-table-wrap{overflow-x:auto;border:1px solid var(--color-border-light);border-radius:10px}.clients-table{width:100%;border-collapse:collapse;font-size:.86rem;background:var(--color-bg-surface)}.clients-table thead th{padding:.8rem 1rem;text-align:left;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-subtle);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);white-space:nowrap}.clients-table tbody td{padding:.9rem 1rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.clients-table tbody tr:last-child td{border-bottom:none}.clients-table tbody tr:hover td{background:#00829706}.clients-cell-name{min-width:180px}.clients-primary-name{display:block;font-weight:600;color:var(--color-secondary);line-height:1.3}.clients-secondary-name{display:block;margin-top:.15rem;font-size:.78rem;color:var(--color-text-subtle)}.clients-id-type{color:var(--color-text-subtle);font-size:.78rem}.clients-cell-contact{min-width:160px}.clients-cell-contact span{display:block;line-height:1.4}.clients-empty{color:var(--color-text-subtle)}.status-badge{display:inline-block;padding:.18rem .5rem;border-radius:999px;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.status-badge.activo{background:#1a7f5a1f;color:var(--color-success)}.status-badge.inactivo{background:var(--color-danger-soft);color:var(--color-danger)}.clients-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.clients-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--color-text-subtle);cursor:pointer;transition:background .2s ease,color .2s ease}.clients-icon-btn:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-primary)}.clients-icon-btn:disabled{opacity:.5;cursor:not-allowed}.clients-table thead th:last-child,.clients-table tbody td:last-child{width:88px;text-align:right}@media(max-width:768px){.clients-toolbar{flex-direction:column;align-items:stretch}.clients-search{width:100%}}.gasto-detalle-list{margin:0;display:flex;flex-direction:column;gap:.65rem}.gasto-detalle-row{display:grid;grid-template-columns:minmax(120px,34%) 1fr;gap:.75rem;padding-bottom:.65rem;border-bottom:1px solid var(--color-border-light)}.gasto-detalle-row:last-child{border-bottom:none;padding-bottom:0}.gasto-detalle-row dt{margin:0;font-size:.78rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em}.gasto-detalle-row dd{margin:0;font-size:.9rem;color:var(--color-text-muted);word-break:break-word}.gasto-detalle-total{font-weight:700;color:var(--color-secondary)}.gasto-detalle-row a{color:var(--color-primary);text-decoration:none}.gasto-detalle-row a:hover{text-decoration:underline}.status-badge.status-draft,.status-badge.status-borrador{background:var(--color-bg-muted);color:var(--color-text-muted)}.status-badge.status-pending,.status-badge.status-pendiente{background:#eab30824;color:#a16207}.status-badge.status-approved,.status-badge.status-aprobado{background:#1a7f5a1f;color:var(--color-success)}.status-badge.status-rejected,.status-badge.status-rechazado{background:var(--color-danger-soft);color:var(--color-danger)}@media(max-width:640px){.gasto-detalle-row{grid-template-columns:1fr;gap:.2rem}}#root{min-height:100vh;width:100%}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}