:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: #f2f2f2;--vt-c-text-dark-1: #f2f2f2;--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-text-mute: rgba(60, 60, 60, .6);--section-gap: 160px}:root{--brand-primary: #0aa57c;--brand-primary-alt: #36c6a8;--brand-primary-rgb: 10 165 124;--brand-accent: #5ae3bb;--brand-accent-rgb: 90 227 187}:root{--color-success: var(--brand-primary);--color-success-rgb: var(--brand-primary-rgb);--color-danger: #c93d3d;--color-danger-rgb: 201 61 61;--color-warning: #ff8c00;--color-warning-rgb: 255 140 0;--color-info: #3b82f6;--color-info-rgb: 59 130 246}:root{--grad-primary: linear-gradient(135deg, var(--brand-primary-alt) 0%, var(--brand-primary) 100%);--grad-brand-panel: linear-gradient(155deg, #0f2538 0%, #132f47 55%, #1c4669 100%);--grad-soft-accent: linear-gradient( 140deg, rgba(var(--brand-primary-rgb) / .08), rgba(var(--brand-accent-rgb) / .12) )}:root{--shadow-none: none;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12)}:root{--radius-none: 0;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px}:root{--metro-radius: 2px;--metro-shadow: none}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem}:root{--fz-xs: .7rem;--fz-sm: .8rem;--fz-base: .9rem;--fz-md: 1rem;--fz-lg: 1.25rem;--fz-xl: 1.6rem;--fz-2xl: 2rem;--fz-3xl: 2.5rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.65}:root{--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--transition-fast: .15s var(--ease-standard);--transition-base: .25s var(--ease-standard);--transition-slow: .4s var(--ease-standard)}:root{--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--color-text-mute: rgba(235, 235, 235, .45);--grad-soft-accent: linear-gradient( 140deg, rgba(var(--brand-primary-rgb) / .18), rgba(var(--brand-accent-rgb) / .22) );--shadow-md: 0 2px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:var(--lh-relaxed);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.heading-xl{font-size:var(--fz-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-heading);margin:0}.heading-lg{font-size:var(--fz-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--color-heading);margin:0}.heading-md{font-size:var(--fz-lg);font-weight:var(--fw-semibold);line-height:var(--lh-normal);color:var(--color-heading);margin:0}.heading-sm{font-size:var(--fz-md);font-weight:var(--fw-medium);line-height:var(--lh-normal);color:var(--color-heading);margin:0}.text-body{font-size:var(--fz-base);line-height:var(--lh-relaxed);color:var(--color-text)}.text-small{font-size:var(--fz-sm);line-height:var(--lh-normal)}.text-xs{font-size:var(--fz-xs);line-height:var(--lh-normal)}.text-muted{color:var(--color-text-mute)}.text-accent{color:var(--brand-primary)}.text-danger{color:var(--color-danger)}.text-uppercase{text-transform:uppercase;letter-spacing:.05em}.text-center{text-align:center}.text-right{text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--fz-base);font-weight:var(--fw-medium);font-family:inherit;line-height:var(--lh-normal);border:1px solid transparent;border-radius:var(--metro-radius);background:var(--color-background-mute);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--color-background-soft)}.btn:active:not(:disabled){opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--brand-primary) 85%,#000);border-color:color-mix(in srgb,var(--brand-primary) 85%,#000)}.btn-outline{background:transparent;border-color:var(--color-border-hover);color:var(--color-text)}.btn-outline:hover:not(:disabled){background:var(--color-background-soft);border-color:var(--brand-primary);color:var(--brand-primary)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 85%,#000)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover:not(:disabled){background:color-mix(in srgb,var(--color-success) 85%,#000)}.btn-xs{padding:var(--space-1) var(--space-3);font-size:var(--fz-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--fz-md)}.btn-ghost{background:transparent;border:none;color:var(--color-text);padding:var(--space-2)}.btn-ghost:hover:not(:disabled){background:var(--color-background-mute)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--metro-radius);background:transparent;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.btn-icon:hover:not(:disabled){background:var(--color-background-mute)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-block{width:100%}.input,.select,input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=time],select,textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--fz-base);font-family:inherit;line-height:var(--lh-normal);color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius);transition:border-color var(--transition-fast);appearance:none}.input:focus,.select:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb) / .15)}.input:disabled,.select:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-mute)}.input.invalid,.input.error,input.invalid,input.error{border-color:var(--color-danger)}textarea{resize:vertical;min-height:80px}.field{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.field-label{font-size:var(--fz-sm);font-weight:var(--fw-medium);color:var(--color-heading)}.field-hint{font-size:var(--fz-xs);color:var(--color-text-mute)}.field-error{font-size:var(--fz-xs);color:var(--color-danger)}.required{color:var(--color-danger)}.form-checkbox{width:18px;height:18px;accent-color:var(--brand-primary)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--fz-base)}.toggle-btn{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--fz-sm);font-weight:var(--fw-medium);border:1px solid var(--color-border);border-radius:var(--metro-radius);cursor:pointer;transition:all var(--transition-fast);background:var(--color-background-mute);color:var(--color-text)}.toggle-btn.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.toggle-btn.inactive{background:var(--color-background-mute);color:var(--color-text-mute)}.surface{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius)}.surface-soft{background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--metro-radius)}.surface-section{background:var(--color-background-mute);border-radius:var(--metro-radius);padding:var(--space-6)}.surface-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius);overflow:hidden;box-sizing:border-box}.elev-0{box-shadow:var(--shadow-none)}.elev-1{box-shadow:var(--shadow-xs)}.elev-2{box-shadow:var(--shadow-sm)}.elev-3{box-shadow:var(--shadow-md)}.elev-4{box-shadow:var(--shadow-lg)}.table-base{width:100%;border-collapse:collapse;font-size:var(--fz-base)}.table-base th,.table-base td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.table-base th{font-size:var(--fz-sm);font-weight:var(--fw-semibold);color:var(--color-heading);background:var(--color-background-soft);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.table-base tbody tr:last-child td{border-bottom:none}.table-base tbody tr:hover{background:rgba(var(--brand-primary-rgb) / .1)}.table-base tbody tr.eliminando{opacity:.5;pointer-events:none}.table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--metro-radius)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--fz-xs);font-weight:var(--fw-medium);border-radius:var(--metro-radius);white-space:nowrap}.badge-ok,.chip-ok{background:rgba(var(--brand-primary-rgb) / .12);color:var(--brand-primary)}.badge-off,.chip-off{background:var(--color-background-mute);color:var(--color-text-mute)}.badge-danger{background:rgba(var(--color-danger-rgb) / .12);color:var(--color-danger)}.chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--fz-xs);font-weight:var(--fw-medium);border-radius:var(--metro-radius)}.count-chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--fz-sm);font-weight:var(--fw-medium);background:var(--color-background-mute);border-radius:var(--metro-radius);color:var(--color-text)}.feedback{padding:var(--space-3) var(--space-4);border-radius:var(--metro-radius);font-size:var(--fz-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.feedback.ok{background:rgba(var(--brand-primary-rgb) / .1);color:var(--brand-primary);border:1px solid rgba(var(--brand-primary-rgb) / .3)}.feedback.error{background:rgba(var(--color-danger-rgb) / .1);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb) / .3)}.feedback-close{background:none;border:none;font-size:var(--fz-lg);cursor:pointer;color:inherit;padding:0;line-height:1}.alert-modern{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--metro-radius);font-size:var(--fz-sm);margin-top:var(--space-4)}.alert-modern.ok{background:rgba(var(--brand-primary-rgb) / .1);color:var(--brand-primary)}.alert-modern.error{background:rgba(var(--color-danger-rgb) / .1);color:var(--color-danger)}.alert-icon{flex-shrink:0}.err-msg,.error-msg{display:block;margin-top:var(--space-1);font-size:var(--fz-xs);color:var(--color-danger)}.pager{display:flex;align-items:center;gap:var(--space-2)}.pager-btn,.btn-page{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--metro-radius);background:var(--color-background);color:var(--color-text);font-size:var(--fz-base);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.pager-btn:hover:not(:disabled),.btn-page:hover:not(:disabled){background:var(--color-background-soft);border-color:var(--brand-primary)}.pager-btn:disabled,.btn-page:disabled{opacity:.4;cursor:not-allowed}.page-indicator,.page-info{padding:0 var(--space-3);font-size:var(--fz-sm);color:var(--color-text-mute);white-space:nowrap}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--brand-primary);border-radius:50%;animation:metro-spin .7s linear infinite}.spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:metro-spin .7s linear infinite}@keyframes metro-spin{to{transform:rotate(360deg)}}.fade-in{animation:metro-fade-in .3s var(--ease-decelerate)}@keyframes metro-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ui-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius);padding:var(--space-6)}.ui-card-header{margin-bottom:var(--space-4)}.ui-card-header h3,.ui-card-header h4{font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0}.ui-card-body{font-size:var(--fz-base)}.ui-card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3)}@media (max-width: 640px){.ui-card-footer{flex-direction:column}.ui-card-footer .btn{width:100%}}.ui-panel{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius);padding:var(--space-6);margin-bottom:var(--space-6)}.ui-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.ui-panel-header h2,.ui-panel-header h3{font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0}@media (max-width: 640px){.ui-panel-header{flex-direction:column;align-items:stretch}}.ui-section{padding:var(--space-6) 0}.ui-section+.ui-section{border-top:1px solid var(--color-border)}.ui-section-title{font-size:var(--fz-xl);font-weight:var(--fw-bold);color:var(--color-heading);margin:0 0 var(--space-2) 0}.ui-section-subtitle{font-size:var(--fz-base);color:var(--color-text-mute);margin:0 0 var(--space-5) 0}.ui-modal-backdrop,.modal-backdrop-modern,.modal-backdrop,.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4)}.ui-modal,.modal-modern,.modal-modern-confirm,.modal-modern-edit,.modal{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-modern>.modal-content,.modal-modern-edit>.modal-content{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto;max-width:none;max-height:none;border:none;box-shadow:none}.modal-modern-edit{max-width:720px}.modal-content.modal-sm{max-width:420px}.ui-modal-header,.modal-header-modern,.modal-header,.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.ui-modal-header h2,.ui-modal-header h3,.ui-modal-header h4,.modal-header-modern h2,.modal-header-modern h4,.modal-header h2,.modal-head h4,.modal-title{font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0}.modal-subtitle{font-size:var(--fz-sm);color:var(--color-text-mute);margin:var(--space-1) 0 0 0}.modal-title-section{flex:1;min-width:0}.modal-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.modal-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--metro-radius);background:var(--brand-primary);color:#fff;font-weight:var(--fw-bold);font-size:var(--fz-sm);flex-shrink:0}.modal-close{background:none;border:none;font-size:var(--fz-xl);color:var(--color-text-mute);cursor:pointer;padding:0;line-height:1;flex-shrink:0}.modal-close:hover{color:var(--color-text)}.ui-modal-body,.modal-content-inner,.modal-body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto}.modal-body p{margin:0 0 var(--space-3) 0}.ui-modal-footer,.modal-footer-modern,.modal-footer,.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}@media (max-width: 640px){.ui-modal,.modal-modern,.modal-modern-confirm,.modal-modern-edit,.modal{max-width:calc(100vw - var(--space-4));max-height:95vh;margin:var(--space-2)}.ui-modal-footer,.modal-footer-modern,.modal-footer,.modal-foot{flex-direction:column;padding:var(--space-4)}.ui-modal-footer .btn,.modal-footer-modern .btn,.modal-footer .btn,.modal-foot .btn{width:100%}}.modal-form{padding:var(--space-5) var(--space-6)}.modal-stats{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-background-soft);border-radius:var(--metro-radius);margin-bottom:var(--space-5);flex-wrap:wrap}.stat-item{flex:1;min-width:80px}.stat-label{font-size:var(--fz-xs);color:var(--color-text-mute);text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:var(--fz-md);font-weight:var(--fw-semibold);color:var(--color-heading)}.modal-body-split{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto}@media (min-width: 768px){.modal-modern-edit{max-width:900px}.modal-body-split{flex-direction:row}.edit-pane,.detail-pane{flex:1;min-width:0}}.confirm-message-modern{display:flex;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-5)}.confirm-icon{font-size:var(--fz-2xl);flex-shrink:0}.confirm-text p{margin:0}.client-details-card,.confirm-list{background:var(--color-background-soft);border-radius:var(--metro-radius);padding:var(--space-4)}.detail-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--fz-sm);color:var(--color-text-mute)}.detail-value{font-size:var(--fz-sm);font-weight:var(--fw-medium);color:var(--color-heading)}.confirm-list{list-style:none;margin:0}.confirm-list li{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.confirm-list li:last-child{border-bottom:none}.ui-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.ui-summary{display:flex;gap:var(--space-6);flex-wrap:wrap}.ui-summary-item{display:flex;flex-direction:column;gap:var(--space-1)}.ui-summary-label{font-size:var(--fz-xs);color:var(--color-text-mute);text-transform:uppercase;letter-spacing:.04em}.ui-summary-value{font-size:var(--fz-lg);font-weight:var(--fw-bold);color:var(--color-heading)}.kpi-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius);padding:var(--space-5) var(--space-6)}.kpi-label{font-size:var(--fz-sm);font-weight:var(--fw-medium);color:var(--color-text-mute);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-2) 0}.kpi-value{font-size:var(--fz-2xl);font-weight:var(--fw-bold);color:var(--color-heading);line-height:var(--lh-tight)}.kpi-trend{margin:var(--space-2) 0 0;font-size:var(--fz-sm);font-weight:var(--fw-medium)}.kpi-trend.up{color:var(--brand-primary)}.kpi-trend.down{color:var(--color-danger)}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);background:transparent;color:var(--color-text);border:2px solid transparent;border-radius:var(--radius-lg, 8px);text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s;min-width:120px}.tile:hover{border-color:color-mix(in srgb,var(--tile-color, var(--brand-primary)) 50%,transparent);background:color-mix(in srgb,var(--tile-color, var(--brand-primary)) 6%,transparent)}.tile:focus-visible{outline:2px solid var(--tile-color, var(--brand-primary));outline-offset:2px}.tile.active,.tile[aria-current=page]{border-color:color-mix(in srgb,var(--tile-color, var(--brand-primary)) 60%,transparent);background:color-mix(in srgb,var(--tile-color, var(--brand-primary)) 8%,transparent)}.tile-icon{width:72px;height:72px;border-radius:50%;background:var(--tile-color, var(--brand-primary));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}.tile:hover .tile-icon{transform:scale(1.05)}.tile--locked{cursor:not-allowed;opacity:.45;pointer-events:none}.tile--locked{pointer-events:auto}.tile--locked:hover{border-color:transparent;background:transparent}.tile--locked .tile-icon{background:var(--color-muted, #999);position:relative}.tile--locked:hover .tile-icon{transform:none}.tile-lock{position:absolute;bottom:-4px;right:-4px;width:26px;height:26px;border-radius:50%;background:var(--color-surface, #fff);color:var(--color-muted, #999);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000026}.tile-label{font-size:var(--fz-sm);font-weight:var(--fw-semibold);text-align:center;line-height:1.3;color:var(--color-heading)}.tiles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);justify-items:center}@media (min-width: 640px){.tiles-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}}@media (min-width: 1024px){.tiles-grid{grid-template-columns:repeat(6,1fr);gap:var(--space-6)}}.grid-form{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.grid-form{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-form{grid-template-columns:repeat(3,1fr)}}.f-group{display:flex;flex-direction:column;gap:var(--space-2)}.f-group label{font-size:var(--fz-sm);font-weight:var(--fw-medium);color:var(--color-heading)}.f-group.error input,.f-group.error select,.f-group.error textarea{border-color:var(--color-danger)}.f-group.loading{opacity:.7}.span-2,.span-3{grid-column:span 1}@media (min-width: 640px){.span-2{grid-column:span 2}}@media (min-width: 1024px){.span-3{grid-column:span 3}.span-2{grid-column:span 2}}.form-actions{display:flex;gap:var(--space-3);padding-top:var(--space-4);flex-wrap:wrap}@media (max-width: 640px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:var(--fz-sm);font-weight:var(--fw-medium);color:var(--color-heading)}.form-group.has-error .form-input,.form-group.has-error .form-select{border-color:var(--color-danger)}.form-input,.form-select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--metro-radius);background:var(--color-background);color:var(--color-text);font-size:var(--fz-base);font-family:inherit}.form-input:focus,.form-select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb) / .15)}.input-inline{display:flex;gap:var(--space-2)}.input-inline input{flex:1}.mini-search{font-size:var(--fz-sm)!important;padding:var(--space-2) var(--space-3)!important;margin-bottom:var(--space-2)}.actions-bar{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius)}.actions-bar .left{flex:1}.actions-bar .left .title{font-size:var(--fz-xl);font-weight:var(--fw-bold);color:var(--color-heading);margin:0}.actions-bar .left .subtitle{font-size:var(--fz-sm);color:var(--color-text-mute);margin:var(--space-1) 0 0}.actions-bar .right{display:flex;flex-direction:column;gap:var(--space-3)}.search-group{display:flex;gap:var(--space-2)}.search-group input{flex:1;min-width:0}.btn-search{background:var(--brand-primary);color:#fff;border:1px solid var(--brand-primary);padding:var(--space-3) var(--space-5);font-size:var(--fz-base);font-family:inherit;border-radius:var(--metro-radius);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.btn-search:hover:not(:disabled){background:color-mix(in srgb,var(--brand-primary) 85%,#000)}.btn-search:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 768px){.actions-bar{flex-direction:row;align-items:center;justify-content:space-between}.actions-bar .right{flex-direction:row;align-items:center}}.filters-bar{padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius)}.filters-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.filter-field{display:flex;flex-direction:column;gap:var(--space-2)}.filter-field .field-label{font-size:var(--fz-sm);font-weight:var(--fw-semibold);color:var(--color-heading);padding:0;margin:0}.filter-field select,.filter-field input[type=date]{width:100%;padding:var(--space-3);font-size:var(--fz-base);border:1px solid var(--color-border);border-radius:var(--metro-radius);background:var(--color-background);color:var(--color-text);font-family:inherit;transition:border-color var(--transition-fast)}.filter-field select:focus,.filter-field input[type=date]:focus{outline:none;border-color:var(--brand-primary);box-shadow:inset 0 0 0 1px var(--brand-primary)}.filter-field select:disabled,.filter-field input[type=date]:disabled{opacity:.6;cursor:not-allowed}.filter-actions{display:flex;gap:var(--space-2)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--fz-sm)}@media (min-width: 768px){.filters-grid{grid-template-columns:repeat(4,1fr);align-items:flex-end;gap:var(--space-3)}.filter-actions{grid-column:auto}}@media (min-width: 1024px){.filters-grid{grid-template-columns:1fr 1fr 1fr auto}}.cards-container{padding:var(--space-6);margin-bottom:var(--space-6);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius)}.container-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.container-head h3{font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0}.container-controls{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-end}@media (min-width: 640px){.container-controls{flex-direction:row;align-items:center}}.per-page{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fz-sm);color:var(--color-text-mute)}.per-page select{width:auto;padding:var(--space-1) var(--space-3);font-size:var(--fz-sm)}.pagination{display:flex;align-items:center;gap:var(--space-2)}.container-alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:rgba(var(--color-danger-rgb) / .1);border:1px solid rgba(var(--color-danger-rgb) / .3);border-radius:var(--metro-radius);margin-bottom:var(--space-4);color:var(--color-danger);font-size:var(--fz-sm)}.cards-grid,.items-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.cards-grid,.items-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.cards-grid,.items-grid{grid-template-columns:repeat(3,1fr)}}.empty-state,.loading-state,.cards-empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-mute);font-size:var(--fz-base)}.table-foot{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--color-border);margin-top:var(--space-5)}.table-foot .summary{font-size:var(--fz-sm);color:var(--color-text-mute)}.per-page-control{display:flex;align-items:center;gap:var(--space-2)}.per-page-label{font-size:var(--fz-sm);color:var(--color-text-mute);white-space:nowrap}.per-page-control select{width:auto;padding:var(--space-1) var(--space-3);font-size:var(--fz-sm)}@media (min-width: 640px){.table-foot{flex-direction:row;align-items:center;justify-content:space-between}}.table-container-modern{border:1px solid var(--color-border);border-radius:var(--metro-radius);overflow:hidden}.table-scroll-modern{overflow-x:auto}.table-editor{width:100%;border-collapse:collapse;font-size:var(--fz-sm)}.table-editor th{padding:var(--space-3);text-align:left;font-weight:var(--fw-semibold);font-size:var(--fz-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--color-background-soft);color:var(--color-text-mute);border-bottom:1px solid var(--color-border);white-space:nowrap}.table-editor td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.table-editor tbody tr:last-child td{border-bottom:none}.input-modern{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--fz-sm);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--metro-radius);background:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast)}.input-modern:focus{outline:none;border-color:var(--brand-primary)}.col-text{min-width:180px}.col-number{min-width:80px}.col-time{min-width:100px}.col-status{min-width:80px}.col-actions{min-width:60px;text-align:center}.col-acciones{width:100px;text-align:center}.table-footer-modern{padding:var(--space-3);border-top:1px solid var(--color-border)}.detalle-table th{padding:var(--space-3);text-align:left;font-weight:var(--fw-semibold);font-size:var(--fz-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--color-background-soft);color:var(--color-text-mute);border-bottom:1px solid var(--color-border)}.detalle-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border)}.detalle-table td.empty{text-align:center;padding:var(--space-8);color:var(--color-text-mute)}.form-wrapper{padding:var(--space-6);margin-bottom:var(--space-6);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius)}.form-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.form-head h3{font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0}.form-card{padding:var(--space-6);margin-bottom:var(--space-6);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius)}.upper{text-transform:uppercase;letter-spacing:.04em}.list-controls{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.filters-group{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.filter-label{font-size:var(--fz-sm);color:var(--color-text-mute);white-space:nowrap}.filter-summary{margin-bottom:var(--space-3)}.filter-hint{font-size:var(--fz-xs)}.list-feedback{padding:var(--space-3) var(--space-4);border-radius:var(--metro-radius);font-size:var(--fz-sm);margin-bottom:var(--space-4)}.list-feedback.error{background:rgba(var(--color-danger-rgb) / .1);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb) / .3)}.detail-pane-head h5{font-size:var(--fz-md);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0 0 var(--space-1) 0}.detail-pane-subtitle{margin:0 0 var(--space-4) 0}.detail-pane-stats{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.detail-table-wrapper{border:1px solid var(--color-border);border-radius:var(--metro-radius);overflow:hidden;margin-bottom:var(--space-4)}.detail-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.detail-meta{display:flex;gap:var(--space-3);align-items:center}.detail-pill{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-background-soft);border-radius:var(--metro-radius);font-size:var(--fz-sm)}.detail-control{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.detail-error{display:block;margin-top:var(--space-2)}.toggle-status{min-width:70px;text-align:center}.estado-toggle .toggle-btn{width:fit-content}.product-edit-form{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.product-edit-form{grid-template-columns:repeat(2,1fr)}}.form-container-modern{margin-bottom:var(--space-4)}.form-clonado{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.form-clonado{grid-template-columns:repeat(2,1fr)}}.edit-form-container{min-height:40px}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-radius:var(--metro-radius)}.hero-text h2{font-size:var(--fz-xl);font-weight:var(--fw-bold);color:var(--color-heading);margin:0 0 var(--space-1) 0}.hero-text .subtitle{font-size:var(--fz-sm)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}@media (max-width: 640px){.hero{flex-direction:column;align-items:stretch}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}.detalle-card{padding:var(--space-6);border-radius:var(--metro-radius)}.detalle-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.detalle-head h3{font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0}.detalle-table{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--metro-radius)}.detalle-table table{width:100%;border-collapse:collapse;font-size:var(--fz-sm)}.detalle-table th,.detalle-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.detalle-table th{background:var(--color-background-soft);font-weight:var(--fw-semibold);color:var(--color-heading);white-space:nowrap}.detalle-table tbody tr:last-child td{border-bottom:none}.detalle-table .empty{text-align:center;padding:var(--space-8);color:var(--color-text-mute)}.items-card{padding:var(--space-6);border-radius:var(--metro-radius)}.items-head{margin-bottom:var(--space-4)}.items-head h3{font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0 0 var(--space-1) 0}.cards-shell{min-height:120px}.dash-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background);overflow-x:hidden}.dash-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-background);border-bottom:2px solid var(--brand-primary);position:sticky;top:0;z-index:var(--z-sticky)}.header-brand{display:flex;align-items:center;gap:var(--space-3);flex:1}.brand-logo{width:36px;height:36px;background:var(--brand-primary);color:#fff;font-weight:var(--fw-bold);font-size:var(--fz-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--metro-radius)}.brand-name{font-size:var(--fz-lg);font-weight:var(--fw-bold);color:var(--color-heading)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--fz-sm);font-weight:var(--fw-medium);border-radius:var(--metro-radius);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.action-btn:hover{background:var(--color-background-soft)}.action-btn.primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.action-btn.primary:hover{background:color-mix(in srgb,var(--brand-primary) 85%,#000)}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--metro-radius);background:transparent;color:var(--color-text);cursor:pointer;transition:background .15s}.back-btn:hover{background:var(--color-background-soft);color:var(--brand-primary)}.user-box{position:relative}.user-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border:none;background:transparent;cursor:pointer;border-radius:var(--metro-radius);transition:background .15s}.user-btn:hover{background:var(--color-background-soft)}.user-btn .avatar{width:32px;height:32px;background:var(--brand-primary);color:#fff;font-size:var(--fz-xs);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;border-radius:50%}.user-btn .chev{color:var(--color-text-mute)}.user-menu{position:absolute;right:0;top:calc(100% + var(--space-2));background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius);min-width:180px;z-index:var(--z-dropdown);box-shadow:var(--shadow-md);overflow:hidden}.um-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--fz-sm);color:var(--color-text);background:none;border:none;width:100%;text-align:left;cursor:pointer;text-decoration:none;transition:background .15s}.um-item:hover{background:var(--color-background-soft)}.welcome-toast{position:fixed;top:60px;right:var(--space-4);background:var(--brand-primary);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--metro-radius);font-size:var(--fz-sm);font-weight:var(--fw-medium);z-index:var(--z-toast);animation:fadeIn .3s ease;box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dash-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.dash-footer{text-align:center;padding:var(--space-6);font-size:var(--fz-xs);color:var(--color-text-mute);margin-top:auto}.dashboard-metro{padding:var(--space-8) var(--space-6);width:100%;box-sizing:border-box}.metro-header{text-align:center;margin-bottom:var(--space-8)}.metro-title{font-size:var(--fz-3xl);font-weight:var(--fw-bold);color:var(--color-heading);margin:0 0 var(--space-2) 0}.metro-subtitle{font-size:var(--fz-base);color:var(--color-text-mute);margin:0}@media (max-width: 640px){.dash-header{padding:var(--space-2) var(--space-3)}.brand-name{display:none}.action-btn span:not(.avatar){display:none}.dashboard-metro{padding:var(--space-4) var(--space-3)}}.clientes-view,.facturas-view,.inventario-view,.usuarios-view{padding:var(--space-6)}@media (max-width: 640px){.clientes-view,.facturas-view,.inventario-view,.usuarios-view{padding:var(--space-3)}}.cliente-card,.factura-card,.inventario-item-card,.usuario-card{display:flex;flex-direction:column;padding:var(--space-5);border-radius:var(--metro-radius);transition:box-shadow .15s}.cliente-card .card-header,.factura-card .card-header,.inventario-item-card .card-header{margin-bottom:var(--space-3)}.card-name,.card-title{font-size:var(--fz-base);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.card-code{font-size:var(--fz-xs);color:var(--color-text-mute);font-family:var(--font-mono, monospace)}.code-chip{font-size:var(--fz-xs);padding:var(--space-1) var(--space-2);background:var(--color-background-soft);border-radius:var(--metro-radius);color:var(--color-text-mute);font-family:var(--font-mono, monospace)}.header-meta,.header-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.header-badges>span{font-size:var(--fz-xs);font-weight:var(--fw-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--metro-radius);display:inline-block}.meta-pill{font-size:var(--fz-xs);padding:var(--space-1) var(--space-2);background:var(--color-background-soft);border-radius:var(--metro-radius);color:var(--color-text)}.meta-pill.meta-muted{color:var(--color-text-mute)}.state-badge{font-size:var(--fz-xs);padding:var(--space-1) var(--space-2);border-radius:var(--metro-radius);font-weight:var(--fw-medium)}.state-badge.on{background:color-mix(in srgb,var(--brand-primary) 15%,transparent);color:var(--brand-primary)}.state-badge.off{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.card-desc{font-size:var(--fz-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-item .label,.stat .label{font-size:var(--fz-xs);color:var(--color-text-mute);text-transform:uppercase;letter-spacing:.02em}.info-item .value,.stat .value{font-size:var(--fz-sm);font-weight:var(--fw-medium);color:var(--color-text)}.contact-section,.activity-section{margin-bottom:var(--space-3)}.contact-section .label,.activity-section .label{font-size:var(--fz-xs);color:var(--color-text-mute);text-transform:uppercase;letter-spacing:.02em;display:block;margin-bottom:var(--space-1)}.contact-section .value,.activity-section .value{font-size:var(--fz-sm);color:var(--color-text)}.email-value{word-break:break-all}.activity-value{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stat{display:flex;flex-direction:column;gap:var(--space-1)}.card-footer{display:flex;gap:var(--space-2);align-items:center;margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.inventario-item-card.selected{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.btn-outline-danger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--fz-sm);font-weight:var(--fw-medium);background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--metro-radius);cursor:pointer;transition:background .15s,color .15s}.btn-outline-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-outline-danger:disabled{opacity:.5;cursor:not-allowed}.btn-primary-outline{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--fz-sm);font-weight:var(--fw-medium);background:transparent;color:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:var(--metro-radius);cursor:pointer;transition:background .15s,color .15s}.btn-primary-outline:hover:not(:disabled){background:var(--brand-primary);color:#fff}.btn-primary-outline:disabled{opacity:.5;cursor:not-allowed}.cliente-card.card-inactive,.inventario-item-card.card-inactive{opacity:.7;background:color-mix(in srgb,var(--color-background-soft) 50%,transparent)}.badge-inactive{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--fz-xs);font-weight:var(--fw-semibold);background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger);border-radius:var(--metro-radius);margin-left:auto}.usuario-card{gap:var(--space-3)}.usuario-card-header{display:flex;align-items:center;gap:var(--space-3)}.usuario-avatar{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:var(--fz-sm);font-weight:var(--fw-bold);flex-shrink:0}.usuario-info{display:flex;flex-direction:column;min-width:0}.usuario-nombre{font-size:var(--fz-base);font-weight:var(--fw-semibold);color:var(--color-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usuario-card-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:0}.usuario-field{display:flex;flex-direction:column;gap:.125rem}.usuario-field dt{font-size:var(--fz-xs);color:var(--color-text-mute);text-transform:uppercase;letter-spacing:.04em}.usuario-field dd{font-size:var(--fz-sm);color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usuario-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.card-eliminando{opacity:.5;pointer-events:none}@media (max-width: 640px){.usuario-card-body{grid-template-columns:1fr}.usuario-card-actions{flex-direction:column}.usuario-card-actions .btn{width:100%}}.roles-check-list{display:flex;flex-direction:column;gap:var(--space-2)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);padding:var(--space-4) 0}.role-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none}.role-card:hover{border-color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.05)}.role-card input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.role-card:has(input:checked){border-color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.08);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.2)}.role-card-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.role-card-name{font-size:var(--fz-sm);font-weight:var(--fw-semibold);text-align:center;color:var(--color-heading);line-height:var(--lh-tight);word-wrap:break-word}.role-card-check{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--brand-primary);color:var(--vt-c-white);display:none;padding:2px}.role-card:has(input:checked) .role-card-check{display:flex;align-items:center;justify-content:center}@media (min-width: 640px){.roles-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5)}}@media (min-width: 1024px){.roles-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6)}.role-card{padding:var(--space-6) var(--space-5)}}.rol-check-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);-webkit-user-select:none;user-select:none}.rol-check-item:hover{background:rgba(var(--brand-primary-rgb),.04)}.rol-check-item.activo{background:rgba(var(--brand-primary-rgb),.08);border-color:var(--brand-primary)}.rol-check-item input[type=checkbox]{accent-color:var(--brand-primary);width:18px;height:18px;flex-shrink:0}.rol-check-name{font-size:var(--fz-sm);font-weight:var(--fw-medium)}.toast-container{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:380px;width:100%;pointer-events:none}.toast-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--metro-radius);background:var(--color-background);border:1px solid var(--color-border);box-shadow:var(--shadow-md);font-size:var(--fz-sm);pointer-events:all;animation:toastIn .25s ease}.toast-ok{border-left:3px solid var(--brand-primary)}.toast-error{border-left:3px solid var(--color-danger)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--brand-primary-alt)}.toast-icon{font-size:var(--fz-lg);flex-shrink:0}.toast-msg{flex:1;color:var(--color-text)}.toast-close{background:none;border:none;cursor:pointer;color:var(--color-text-mute);font-size:var(--fz-base);padding:0;line-height:1}.toast-close:hover{color:var(--color-text)}.toast-slide-enter-active{animation:toastIn .25s ease}.toast-slide-leave-active{animation:toastOut .2s ease}.toast-slide-move{transition:transform .25s ease}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@media (max-width: 640px){.toast-container{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);max-width:none}}.login-layout{display:flex;min-height:100vh}.brand-panel{display:flex;align-items:center;justify-content:center;flex:0 0 420px;background:linear-gradient(135deg,#0d4a3d,#0a7560);color:#fff;padding:var(--space-8);position:relative;overflow:hidden}.brand-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none}.brand-content{max-width:320px;position:relative;z-index:1}.logo-circle{width:56px;height:56px;background:#fff3;color:#fff;font-weight:var(--fw-bold);font-size:var(--fz-xl);display:flex;align-items:center;justify-content:center;border-radius:var(--metro-radius);margin-bottom:var(--space-6)}.brand-title{font-size:var(--fz-3xl);font-weight:var(--fw-bold);margin:0 0 var(--space-3) 0}.brand-title span{font-weight:var(--fw-normal);opacity:.8}.brand-tagline{font-size:var(--fz-base);opacity:.9;line-height:1.6;margin:0 0 var(--space-6) 0}.brand-highlights{list-style:none;padding:0;margin:0 0 var(--space-8) 0;font-size:var(--fz-sm);opacity:.85;display:flex;flex-direction:column;gap:var(--space-2)}.brand-footer{font-size:var(--fz-xs);opacity:.6}.form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--color-background)}.form-panel .form-wrapper{width:100%;max-width:400px}.form-header{margin-bottom:var(--space-6)}.form-header h2{font-size:var(--fz-xl);font-weight:var(--fw-bold);color:var(--color-heading);margin:0 0 var(--space-2) 0}.form-header .subtitle{font-size:var(--fz-sm);color:var(--color-text-mute);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.field-group{display:flex;flex-direction:column;gap:var(--space-2)}.field-group label{font-size:var(--fz-sm);font-weight:var(--fw-medium);color:var(--color-heading)}.options-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--fz-sm)}.remember{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.link-muted{color:var(--color-text-mute);text-decoration:none;font-size:var(--fz-sm)}.link-muted:hover{color:var(--brand-primary)}.login-form .btn-primary,.login-form .btn-outline{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--fz-base)}.divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-mute);font-size:var(--fz-sm)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.legal-text{margin-top:var(--space-6);font-size:var(--fz-xs);color:var(--color-text-mute);text-align:center}.legal-text a{color:var(--brand-primary);text-decoration:none}@media (max-width: 768px){.login-layout{flex-direction:column}.brand-panel{flex:none;padding:var(--space-6) var(--space-4)}.form-panel{padding:var(--space-6) var(--space-4)}}.factura-detalle{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.detalle-hero{padding:var(--space-6);border-radius:var(--metro-radius);display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:flex-start;justify-content:space-between}.surface-glow{background:var(--color-background);border:1px solid var(--color-border)}.hero-main{flex:1;min-width:260px}.hero-main h1{font-size:var(--fz-xl);font-weight:var(--fw-bold);color:var(--color-heading);margin:0 0 var(--space-2) 0}.eyebrow{font-size:var(--fz-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-mute);margin:0 0 var(--space-2) 0}.eyebrow a{color:var(--brand-primary);text-decoration:none}.detalle-hero .hero-meta{list-style:none;padding:0;margin:var(--space-4) 0 0 0;display:flex;flex-wrap:wrap;gap:var(--space-4)}.detalle-hero .hero-meta li{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--fz-sm)}.detalle-hero .hero-meta li span{color:var(--color-text-mute);font-size:var(--fz-xs);text-transform:uppercase}.hero-side{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-end}.hero-total{padding:var(--space-4);border-radius:var(--metro-radius);text-align:right}.hero-total span{display:block;font-size:var(--fz-xs);color:var(--color-text-mute);margin-bottom:var(--space-1)}.hero-total strong{font-size:var(--fz-xl);color:var(--brand-primary)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.estado-pill{padding:var(--space-1) var(--space-3);border-radius:var(--metro-radius);font-size:var(--fz-xs);font-weight:var(--fw-semibold)}.estado-pill.success{background:color-mix(in srgb,var(--brand-primary) 15%,transparent);color:var(--brand-primary)}.estado-pill.warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.estado-pill.danger{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.estado-pill.info{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.tags-group{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.badge-soft{font-size:var(--fz-xs);padding:var(--space-1) var(--space-2);background:var(--color-background-soft);border-radius:var(--metro-radius);color:var(--color-text-mute)}.success{color:var(--brand-primary)}.danger{color:var(--color-danger)}.info-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.panel{padding:var(--space-5);border-radius:var(--metro-radius);overflow-x:hidden;max-width:100%;box-sizing:border-box}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.panel-head h3{font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0}.panel-head .eyebrow{margin-bottom:var(--space-1)}.panel-list{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.panel-list>div{display:flex;flex-direction:column;gap:var(--space-1)}.panel-list dt{font-size:var(--fz-xs);color:var(--color-text-mute);text-transform:uppercase}.panel-list dd{margin:0;font-size:var(--fz-sm);color:var(--color-text)}.panel-list.grid{display:grid;grid-template-columns:1fr 1fr}.panel-title{font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0 0 var(--space-4) 0}.stat-card{padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--metro-radius);text-align:center}.stat-card p{font-size:var(--fz-xs);color:var(--color-text-mute);margin:0 0 var(--space-1) 0;text-transform:uppercase}.stat-card strong{font-size:var(--fz-lg);font-weight:var(--fw-bold);color:var(--color-text)}.stat-card.accent strong{color:var(--brand-primary)}.stat-card.highlight{background:var(--brand-primary);border-color:var(--brand-primary)}.stat-card.highlight p{color:#fffc}.stat-card.highlight strong{color:#fff}.detalle-lineas{padding:var(--space-5);border-radius:var(--metro-radius)}.lineas-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.lineas-head h3{font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0}.lineas-actions{display:flex;gap:var(--space-2)}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--metro-radius)}.table-wrapper table{width:100%;border-collapse:collapse;font-size:var(--fz-sm)}.table-wrapper th,.table-wrapper td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.table-wrapper th{background:var(--color-background-soft);font-weight:var(--fw-semibold);color:var(--color-heading);white-space:nowrap}.table-wrapper tbody tr:last-child td{border-bottom:none}.center{text-align:center}.right,.text-right{text-align:right}.descripcion{margin:0;font-weight:var(--fw-medium)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal-card{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border-radius:var(--metro-radius);box-shadow:var(--shadow-lg)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal-head h4{margin:0;font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading)}.close-btn{background:none;border:none;font-size:var(--fz-xl);color:var(--color-text-mute);cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:var(--color-text)}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--metro-radius);font-size:var(--fz-sm)}.alert.ok{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent)}.alert.error{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent)}@media (max-width: 640px){.factura-detalle{padding:var(--space-3)}.detalle-hero{flex-direction:column}.hero-side{align-items:stretch}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.info-layout,.panel-list.grid{grid-template-columns:1fr}}.factura-form{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);max-width:100%;overflow:hidden;box-sizing:border-box}.ff-head{margin-bottom:0}.ff-head h2{font-size:var(--fz-xl);font-weight:var(--fw-bold);color:var(--color-heading);margin:0}.factura-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6);align-items:start}.factura-main{display:flex;flex-direction:column;gap:var(--space-6);min-width:0;overflow:hidden}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-grid .span-2{grid-column:span 2}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label,.field-label{font-size:var(--fz-sm);font-weight:var(--fw-medium);color:var(--color-heading)}.text-danger{color:var(--color-danger);font-size:var(--fz-xs)}.cliente-picker{display:flex;gap:var(--space-2)}.cliente-picker input{flex:1}.cliente-select{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.cliente-select-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.cliente-manual-resumen{padding:var(--space-4);border-radius:var(--metro-radius);margin-top:var(--space-3)}.cliente-manual-resumen-head{margin-bottom:var(--space-3)}.cliente-manual-resumen-title{font-size:var(--fz-sm);font-weight:var(--fw-semibold);margin:0 0 var(--space-1) 0}.cliente-manual-resumen-grid{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--fz-sm)}.res-item{white-space:nowrap}.items-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.items-actions{display:flex;gap:var(--space-2)}.items-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--metro-radius)}.items-table,.table-modern{width:100%;border-collapse:collapse;font-size:var(--fz-sm)}.items-table th,.items-table td,.table-modern th,.table-modern td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.items-table th,.table-modern th{background:var(--color-background-soft);font-weight:var(--fw-semibold);color:var(--color-heading);font-size:var(--fz-xs)}.items-table input,.items-table select{width:100%;padding:var(--space-1) var(--space-2);font-size:var(--fz-sm)}.items-empty{text-align:center;padding:var(--space-8);color:var(--color-text-mute)}.items-empty-icon{display:block;font-size:2rem;margin-bottom:var(--space-2)}.items-empty-text{font-size:var(--fz-sm)}.items-error{margin-bottom:var(--space-3);font-size:var(--fz-sm)}.importe{font-family:var(--font-mono, monospace);white-space:nowrap}.upper{text-transform:uppercase;letter-spacing:.02em}.cliente-error{display:block;margin-top:var(--space-2)}@media (max-width: 768px){.factura-form{padding:var(--space-3)}.factura-layout,.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.cliente-picker{flex-direction:column}.items-actions{flex-wrap:wrap}.res-item{white-space:normal}.cliente-manual-resumen-grid{flex-direction:column;gap:var(--space-2)}.items-head{flex-direction:column;align-items:stretch}}.about-page{display:flex;flex-direction:column;gap:var(--space-8)}.about-hero{position:relative;padding:var(--space-12) var(--space-6);overflow:hidden;border-radius:var(--metro-radius)}.hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto;text-align:center}.hero-title{font-size:var(--fz-3xl);font-weight:var(--fw-bold);color:var(--color-heading);margin:0 0 var(--space-4) 0}.hero-tagline{font-size:var(--fz-lg);color:var(--brand-primary);margin:0 0 var(--space-4) 0}.hero-intro{font-size:var(--fz-base);color:var(--color-text);line-height:1.6;margin:0 0 var(--space-6) 0}.hero-accent{position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,color-mix(in srgb,var(--brand-primary) 5%,transparent));pointer-events:none}.mini-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.mini-nav a{font-size:var(--fz-sm);color:var(--brand-primary);text-decoration:none;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--metro-radius);transition:background .15s}.mini-nav a:hover{background:var(--color-background-soft)}.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding:0 var(--space-6)}.mv-card{padding:var(--space-6);border-radius:var(--metro-radius)}.mv-card h2{font-size:var(--fz-lg);font-weight:var(--fw-bold);color:var(--color-heading);margin:0 0 var(--space-3) 0}.mv-card p{font-size:var(--fz-base);color:var(--color-text);line-height:1.7;margin:0}.sec-head{text-align:center;margin-bottom:var(--space-6)}.sec-head h2{font-size:var(--fz-xl);font-weight:var(--fw-bold);color:var(--color-heading);margin:0 0 var(--space-2) 0}.sec-head p{color:var(--color-text-mute);font-size:var(--fz-base);margin:0}.valores{padding:0 var(--space-6)}.valores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.valor-card{padding:var(--space-5);border-radius:var(--metro-radius);text-align:center}.valor-card .icon{font-size:2rem;margin-bottom:var(--space-3)}.v-title{font-size:var(--fz-base);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0 0 var(--space-2) 0}.v-desc{font-size:var(--fz-sm);color:var(--color-text-mute);margin:0}.timeline{padding:0 var(--space-6)}.timeline-list{list-style:none;padding:0;margin:0;position:relative}.timeline-list:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:var(--color-border)}.tl-item{display:flex;gap:var(--space-4);padding-bottom:var(--space-6);position:relative}.tl-marker{width:22px;height:22px;border-radius:50%;background:var(--brand-primary);border:3px solid var(--color-background);flex-shrink:0;z-index:1}.tl-year{font-size:var(--fz-xs);font-weight:var(--fw-bold);color:var(--brand-primary);text-transform:uppercase}.tl-title{font-size:var(--fz-base);font-weight:var(--fw-semibold);color:var(--color-heading);margin:var(--space-1) 0}.tl-desc{font-size:var(--fz-sm);color:var(--color-text-mute);margin:0}.diff{padding:0 var(--space-6)}.diff-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.diff-list li{padding:var(--space-3) var(--space-4);background:var(--color-background-soft);border-radius:var(--metro-radius);font-size:var(--fz-sm);border-left:3px solid var(--brand-primary)}.cta{padding:var(--space-8);text-align:center;border-radius:var(--metro-radius);margin:0 var(--space-6)}.cta h2{font-size:var(--fz-xl);font-weight:var(--fw-bold);color:var(--color-heading);margin:0 0 var(--space-3) 0}.cta p{font-size:var(--fz-base);color:var(--color-text-mute);margin:0 0 var(--space-6) 0;max-width:560px;margin-left:auto;margin-right:auto}@media (max-width: 640px){.about-page{gap:var(--space-4)}.about-hero{padding:var(--space-6) var(--space-3)}.mv-grid{grid-template-columns:1fr;padding:0 var(--space-3)}.valores,.timeline,.diff{padding:0 var(--space-3)}.cta{margin:0 var(--space-3);padding:var(--space-6) var(--space-3)}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.fx-toggle-btn{position:fixed;bottom:var(--space-4);left:var(--space-4);width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-background);cursor:pointer;z-index:var(--z-fixed);display:flex;align-items:center;justify-content:center;font-size:var(--fz-base);box-shadow:var(--shadow-sm);transition:background .15s}.fx-toggle-btn:hover{background:var(--color-background-soft)}.fx-panel{position:fixed;bottom:56px;left:var(--space-4);width:240px;border-radius:var(--metro-radius);box-shadow:var(--shadow-md);z-index:var(--z-fixed);padding:var(--space-4)}.fx-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.fx-head h3{font-size:var(--fz-sm);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0}.fx-body{display:flex;flex-direction:column;gap:var(--space-3)}.fx-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fz-sm);cursor:pointer}.fx-row.mode{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.m-label{font-size:var(--fz-xs);color:var(--color-text-mute)}.hint{font-size:var(--fz-xs);color:var(--color-text-mute);margin:0}.view-container{flex:1;padding:var(--space-6)}.view-container.no-padding{padding:0}.metro-menu{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:2px solid var(--brand-primary)}.brand-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.metro-menu .brand-name{font-size:var(--fz-lg);font-weight:var(--fw-bold);color:var(--color-heading)}.metro-menu .brand-name span{font-weight:var(--fw-normal);color:var(--brand-primary)}.app-footer{text-align:center;padding:var(--space-6);font-size:var(--fz-xs);color:var(--color-text-mute);border-top:1px solid var(--color-border);margin-top:auto}@media (max-width: 640px){.view-container{padding:var(--space-3)}.metro-menu{flex-direction:column;gap:var(--space-2)}}.productos-modal{max-width:900px}.productos-modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.modal-head-left{flex:1}.modal-head-left h4{margin:0}.modal-head-filters{display:flex;gap:var(--space-2);align-items:center}.modal-filter-input{width:200px;padding:var(--space-2) var(--space-3);font-size:var(--fz-sm);border:1px solid var(--color-border);border-radius:var(--metro-radius);background:var(--color-background);color:var(--color-text);font-family:inherit}.modal-filter-input:focus{outline:none;border-color:var(--brand-primary)}.modal-filter-select{padding:var(--space-2) var(--space-3);font-size:var(--fz-sm);border:1px solid var(--color-border);border-radius:var(--metro-radius);background:var(--color-background);color:var(--color-text);font-family:inherit}.modal-filter-select:focus{outline:none;border-color:var(--brand-primary)}.productos-modal-body{max-height:60vh;overflow-y:auto}.productos-modal-body::-webkit-scrollbar,.productos-scroll-zone::-webkit-scrollbar,.productos-table-scroll::-webkit-scrollbar{width:0;height:0}.productos-modal-body,.productos-scroll-zone,.productos-table-scroll{-ms-overflow-style:none;scrollbar-width:none}.productos-controls{display:none}.productos-feedback{padding:var(--space-3);border-radius:var(--metro-radius);font-size:var(--fz-sm);margin-bottom:var(--space-3)}.productos-feedback.error{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}.productos-empty{text-align:center;padding:var(--space-8)}.productos-table-scroll{overflow-x:auto}.productos-table{width:100%;border-collapse:collapse;font-size:var(--fz-sm)}.productos-table th,.productos-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.productos-table th{background:var(--color-background-soft);font-weight:var(--fw-semibold);font-size:var(--fz-xs);text-transform:uppercase}.producto-row-active{background:var(--color-background-soft)}.productos-scroll-zone{max-height:45vh;overflow-y:auto}.producto-nombre{font-weight:var(--fw-medium)}.factura-side{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;overflow:hidden}.totales.sticky{position:sticky;top:var(--space-4)}.totales{padding:var(--space-5);border-radius:var(--metro-radius)}.totales .panel-title.small{font-size:var(--fz-lg);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0 0 var(--space-4) 0}.tot-line{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-2) 0;font-size:var(--fz-sm);color:var(--color-text);gap:var(--space-4)}.tot-line span{flex-shrink:0}.tot-line strong{font-family:var(--font-mono, monospace);text-align:right}.tot-line.sub-sep{border-top:1px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3);font-weight:var(--fw-semibold)}.tot-line.grand{border-top:2px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3);font-size:var(--fz-base);font-weight:var(--fw-bold);color:var(--color-heading)}.tot-letras{margin-top:var(--space-3);font-size:var(--fz-xs);color:var(--color-text-mute);font-style:italic;line-height:1.4}.tot-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.floating-resumen{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:var(--z-fixed);padding:var(--space-4);border-radius:var(--metro-radius);box-shadow:var(--shadow-lg);min-width:260px;max-width:360px}.fr-line{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:var(--fz-sm);padding:var(--space-1) 0}.fr-line.grand{font-size:var(--fz-base);font-weight:var(--fw-bold);border-top:2px solid var(--color-border);padding-top:var(--space-2);margin-top:var(--space-2)}.fr-line strong{font-family:var(--font-mono, monospace)}.fr-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end}@media (max-width: 768px){.totales.sticky{position:static}.tot-actions{flex-direction:column}.tot-actions .btn{width:100%}.floating-resumen{left:var(--space-3);right:var(--space-3);min-width:0;max-width:none}}.productos-preview{padding:var(--space-4);border-radius:var(--metro-radius);margin-top:var(--space-3)}.productos-preview-head{margin-bottom:var(--space-3)}.preview-title{font-size:var(--fz-base);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0 0 var(--space-1) 0}.preview-total{display:block;margin-top:var(--space-1)}.preview-detalle-list{list-style:disc;padding-left:var(--space-5);margin:0;font-size:var(--fz-sm)}.preview-detalle-list li{padding:var(--space-1) 0}.detalle-meta{color:var(--color-text-mute);margin-left:var(--space-2)}.preview-empty{font-size:var(--fz-sm);margin:0}.producto-seleccion{padding:var(--space-5);border-radius:var(--metro-radius);display:flex;flex-direction:column;gap:var(--space-4)}.ps-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.ps-info{flex:1}.ps-title{font-size:var(--fz-base);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0 0 var(--space-1) 0}.ps-toggle{display:flex;flex-direction:column;gap:var(--space-2)}.ps-select-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--fz-sm);font-weight:var(--fw-medium);background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--metro-radius);cursor:pointer;transition:background .15s,border-color .15s}.ps-select-toggle:hover{border-color:var(--brand-primary)}.ps-select-toggle.activo{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.ps-select-toggle.total{justify-content:space-between;width:100%}.ps-toggle-amount{font-family:var(--font-mono, monospace)}.ps-detalles{display:flex;flex-direction:column;gap:var(--space-3)}.ps-detalles-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--fz-sm);flex-wrap:wrap}.ps-detalles-table{width:100%;border-collapse:collapse;font-size:var(--fz-sm)}.ps-detalles-table th,.ps-detalles-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.ps-detalles-table th{background:var(--color-background-soft);font-weight:var(--fw-semibold);font-size:var(--fz-xs)}.ps-detalle-row{cursor:pointer;transition:background .1s}.ps-detalle-row:hover{background:var(--color-background-soft)}.ps-detalle-activo{background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}.ps-select-cell{white-space:nowrap}.ps-detalles-empty{padding:var(--space-4);text-align:center;font-size:var(--fz-sm)}.ps-resumen{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--fz-sm);padding:var(--space-3);background:var(--color-background-soft);border-radius:var(--metro-radius)}.ps-error{font-size:var(--fz-sm)}.ps-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.detalle-abierto{max-height:80vh;overflow-y:auto}.cliente-manual-modal{max-width:720px}.cliente-manual-modal-body{padding:var(--space-5)}.cliente-manual-head{margin-bottom:var(--space-5)}.cliente-manual-title{font-size:var(--fz-base);font-weight:var(--fw-semibold);color:var(--color-heading);margin:0 0 var(--space-1) 0}.cliente-manual-subtitle{font-size:var(--fz-sm);margin:0}.cliente-manual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.cliente-manual-grid .span-2{grid-column:span 2}.actividad-picker{display:flex;flex-direction:column;gap:var(--space-2)}.actividad-picker.loading{opacity:.6;pointer-events:none}.cliente-manual-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.cliente-manual-foot-right{display:flex;gap:var(--space-2)}@media (max-width: 640px){.cliente-manual-grid{grid-template-columns:1fr}.cliente-manual-grid .span-2{grid-column:span 1}.cliente-manual-foot,.cliente-manual-foot-right{flex-direction:column}.cliente-manual-foot .btn,.cliente-manual-foot-right .btn{width:100%}.ps-actions{flex-direction:column}.ps-actions .btn{width:100%}}.card-client{font-size:var(--fz-sm);color:var(--color-text-mute);margin:var(--space-1) 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.total-section{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:var(--space-3);gap:var(--space-3)}.total-label{font-size:var(--fz-sm);font-weight:var(--fw-medium);color:var(--color-text-mute)}.total-amount{font-size:var(--fz-lg);font-weight:var(--fw-bold);color:var(--brand-primary);font-family:var(--font-mono, monospace)}.col-codigo{min-width:110px}.col-desc{min-width:160px}.col-cant{min-width:60px}.col-tipo{min-width:90px}.col-precio{min-width:100px}.col-iva{min-width:60px}.col-total{min-width:80px}.col-acciones{width:48px}.detalle-cards-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:50vh;overflow-y:auto;padding-right:var(--space-2)}.detalle-card-item{border:1px solid var(--color-border);border-radius:var(--metro-radius);padding:var(--space-4)}.detalle-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.detalle-card-num{font-size:var(--fz-sm);font-weight:var(--fw-bold);color:var(--color-heading)}.detalle-card-actions{display:flex;gap:var(--space-2);align-items:center}.detalle-card-body{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.detalle-field{display:flex;flex-direction:column;gap:var(--space-1)}.detalle-field label{font-size:var(--fz-xs);font-weight:var(--fw-medium);color:var(--color-text-mute);text-transform:uppercase;letter-spacing:.03em}.detalle-field input{padding:var(--space-2) var(--space-3);font-size:var(--fz-sm)}.detalle-field-full{grid-column:1 / -1}.filters-inline{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fz-sm)}.filters-inline select{width:auto;padding:var(--space-2) var(--space-3);font-size:var(--fz-sm)}.filter-summary{display:flex;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--fz-sm)}@media (max-width: 640px){.detalle-card-body{grid-template-columns:repeat(2,1fr)}.detalle-field-full{grid-column:1 / -1}.detalle-cards-list{max-height:40vh}}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-6)}.stack-xl{display:flex;flex-direction:column;gap:var(--space-8)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.cluster-sm{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.cluster-lg{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:center}.grid-auto{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.grid-auto{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-auto{grid-template-columns:repeat(3,1fr)}}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 768px){.grid-4{grid-template-columns:repeat(4,1fr)}}.container-mobile{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media (min-width: 768px){.container-mobile{padding:0 var(--space-6)}}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:0}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-word{word-break:break-word;overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.max-w-full{max-width:100%}@media (max-width: 639px){.hide-mobile{display:none!important}}@media (min-width: 640px){.show-mobile-only{display:none!important}}@media (max-width: 767px){.hide-tablet{display:none!important}}@media (min-width: 768px){.show-tablet-only{display:none!important}}#app{width:100%;margin:0 auto;font-weight:400;min-height:100dvh;display:flex;flex-direction:column}a,.green{text-decoration:none;color:var(--brand-primary);transition:color var(--transition-fast)}@media (hover: hover){a:hover{color:color-mix(in srgb,var(--brand-primary) 75%,#000)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}