.login-page{min-height:100dvh;padding:var(--space-8) var(--space-4);grid-template-columns:1fr 480px 1fr;align-items:center;display:grid}.login-panel{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);grid-column:2;overflow:hidden}.login-header{padding:var(--space-8) var(--space-8) var(--space-6);border-bottom:1px solid var(--color-divider);background:var(--color-surface)}.login-page .brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.login-page .brand-mark{flex-shrink:0;width:36px;height:36px}.login-page .brand-text{font-size:var(--text-base);letter-spacing:-.02em;font-weight:700}.login-page .brand-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.login-title{font-size:var(--text-lg);letter-spacing:-.02em;margin-bottom:var(--space-1);font-weight:700}.login-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.login-body{padding:var(--space-8)}.btn-entra{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);transition:background var(--transition),box-shadow var(--transition);cursor:pointer;font-weight:500;display:flex}.btn-entra:hover{background:var(--color-surface-offset);box-shadow:var(--shadow-sm)}.btn-entra-icon{flex-shrink:0;width:20px;height:20px}.login-page .divider{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-faint);font-size:var(--text-xs);display:flex}.login-page .divider:before,.login-page .divider:after{content:"";background:var(--color-divider);flex:1;height:1px}.login-page .field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.login-page .field-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.02em;font-weight:600}.login-page .field-input{height:42px;padding:0 var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);outline:none;width:100%}.login-page .field-input::placeholder{color:var(--color-text-faint)}.login-page .field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h/.15)}.login-page .field-input-wrapper{position:relative}.pass-toggle{right:var(--space-3);color:var(--color-text-faint);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.pass-toggle:hover{color:var(--color-text)}.login-page .field-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.forgot-link{font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;transition:color var(--transition)}.forgot-link:hover{color:var(--color-primary-hover)}.login-page .btn-primary{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--transition),box-shadow var(--transition);cursor:pointer;font-weight:600;display:flex}.login-page .btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.login-page .btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-page .alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-xs);margin-bottom:var(--space-4);line-height:1.5;display:none}.login-page .alert.show{display:flex}.login-page .alert-error{background:oklch(from var(--color-error) l c h/.1);color:var(--color-error);border:1px solid oklch(from var(--color-error) l c h/.25)}.login-page .alert-success{background:var(--color-success-soft);color:var(--color-success);border:1px solid oklch(from var(--color-success) l c h/.3)}.login-page .alert svg{flex-shrink:0;margin-top:1px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite login-spin;display:inline-block}@keyframes login-spin{to{transform:rotate(360deg)}}.theme-toggle{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition);z-index:10;justify-content:center;align-items:center;display:flex;position:fixed}.theme-toggle:hover{background:var(--color-surface-offset);color:var(--color-text)}.bg-deco{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.bg-deco:before{content:"";background:radial-gradient(circle,oklch(from var(--color-primary) l c h/.06) 0%,transparent 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;left:-100px}.bg-deco:after{content:"";background:radial-gradient(circle,oklch(from var(--color-info) l c h/.05) 0%,transparent 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-150px;right:-100px}.login-footer{padding:var(--space-4) var(--space-8) var(--space-6);border-top:1px solid var(--color-divider);text-align:center;font-size:var(--text-xs);color:var(--color-text-faint)}@media (width<=600px){.login-page{padding:var(--space-4);grid-template-columns:1fr}.login-panel{grid-column:1}.login-header,.login-body,.login-footer{padding-left:var(--space-5);padding-right:var(--space-5)}}:root,[data-theme=light]{--color-bg:#f4f3ef;--color-surface:#f9f8f5;--color-surface-2:#fff;--color-surface-offset:#eeece7;--color-divider:#dcd9d4;--color-border:#d3d0c9;--color-text:#26231b;--color-text-muted:#78776f;--color-text-faint:#b8b6b0;--color-text-inverse:#f9f8f4;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-primary-active:#0f3638;--color-primary-highlight:#cedcd8;--color-primary-soft:#e8f2f1;--color-warning:#964219;--color-error:#a12c7b;--color-success:#437a22;--color-success-soft:#e5f0dc;--color-info:#006494;--color-info-soft:#dceef7;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--font-body:"Inter", "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--shadow-sm:0 1px 2px oklch(20% .01 80/.06);--shadow-md:0 4px 12px oklch(20% .01 80/.08);--shadow-lg:0 12px 32px oklch(20% .01 80/.12);--sidebar-w:220px;--topbar-h:60px;--transition:.18s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--color-bg:#141312;--color-surface:#1a1916;--color-surface-2:#1f1e1b;--color-surface-offset:#1c1b18;--color-divider:#252421;--color-border:#353330;--color-text:#cccac7;--color-text-muted:#767470;--color-text-faint:#504e4b;--color-text-inverse:#2b2a28;--color-primary:#4f98a3;--color-primary-hover:#227f8b;--color-primary-active:#1a626b;--color-primary-highlight:#313b3b;--color-primary-soft:#1e2e30;--color-warning:#bb653b;--color-error:#d163a7;--color-success:#6daa45;--color-success-soft:#263320;--color-info:#5591c7;--color-info-soft:#1e2d3e;--shadow-sm:0 1px 2px oklch(0% 0 0/.2);--shadow-md:0 4px 12px oklch(0% 0 0/.3);--shadow-lg:0 12px 32px oklch(0% 0 0/.4)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#141312;--color-surface:#1a1916;--color-surface-2:#1f1e1b;--color-surface-offset:#1c1b18;--color-divider:#252421;--color-border:#353330;--color-text:#cccac7;--color-text-muted:#767470;--color-text-faint:#504e4b;--color-text-inverse:#2b2a28;--color-primary:#4f98a3;--color-primary-hover:#227f8b;--color-primary-active:#1a626b;--color-primary-highlight:#313b3b;--color-primary-soft:#1e2e30;--color-warning:#bb653b;--color-error:#d163a7;--color-success:#6daa45;--color-success-soft:#263320;--color-info:#5591c7;--color-info-soft:#1e2d3e;--shadow-sm:0 1px 2px oklch(0% 0 0/.2);--shadow-md:0 4px 12px oklch(0% 0 0/.3);--shadow-lg:0 12px 32px oklch(0% 0 0/.4)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);min-height:100dvh;line-height:1.5}input,button,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--color-surface);border-right:1px solid var(--color-divider);z-index:100;transition:transform var(--transition);flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{height:var(--topbar-h);align-items:center;gap:var(--space-3);padding:0 var(--space-5);border-bottom:1px solid var(--color-divider);display:flex}.logo-mark{flex-shrink:0;width:30px;height:30px}.logo-text{font-size:var(--text-sm);letter-spacing:-.01em;color:var(--color-text);font-weight:700}.logo-sub{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400}.nav-section{padding:var(--space-4) var(--space-3)}.nav-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);font-weight:600}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);transition:background var(--transition), color var(--transition);cursor:pointer;display:flex}.nav-item:hover{background:var(--color-surface-offset);color:var(--color-text)}.nav-item.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:500}.nav-icon{opacity:.8;flex-shrink:0;width:18px;height:18px}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-divider);margin-top:auto}.user-pill{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);display:flex}.user-pill:hover{background:var(--color-surface-offset)}.avatar{border-radius:var(--radius-full);background:var(--color-primary-soft);width:30px;height:30px;color:var(--color-primary);font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-name{font-size:var(--text-xs);font-weight:600}.user-role{font-size:var(--text-xs);color:var(--color-text-muted)}.main-content{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100dvh;display:flex}.topbar{height:var(--topbar-h);background:var(--color-surface);border-bottom:1px solid var(--color-divider);padding:0 var(--space-8);z-index:50;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:sticky;top:0}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.breadcrumb-sep{color:var(--color-text-faint)}.breadcrumb-current{color:var(--color-text);font-weight:500}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--transition), color var(--transition), box-shadow var(--transition);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-surface-offset)}.btn-ghost{color:var(--color-text-muted);border-color:#0000}.btn-ghost:hover{background:var(--color-surface-offset);color:var(--color-text)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);transition:background var(--transition), color var(--transition)}.btn-icon:hover{background:var(--color-surface-offset);color:var(--color-text)}.page-body{padding:var(--space-8);width:100%;max-width:900px;margin:0 auto}.invoice-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.invoice-id-block{gap:var(--space-1);flex-direction:column;display:flex}.invoice-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);font-weight:600}.invoice-number{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-text);letter-spacing:-.02em;font-weight:600;line-height:1.1}.invoice-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-info-soft);color:var(--color-info);border:1px solid oklch(from var(--color-info) l c h / .2);font-weight:600;display:inline-flex}.invoice-meta{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.status-bar{align-items:center;gap:var(--space-4);display:flex}.status-dot{background:var(--color-success);width:8px;height:8px;box-shadow:0 0 0 3px var(--color-success-soft);border-radius:50%;flex-shrink:0}.status-text{font-size:var(--text-xs);color:var(--color-success);font-weight:500}.form-sections{gap:var(--space-6);flex-direction:column;display:flex}.form-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-divider);background:var(--color-surface);display:flex}.card-icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:32px;height:32px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-title{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.card-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.card-body{padding:var(--space-6)}.field-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.field-grid-3{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.field-full{grid-column:1/-1}.field-span2{grid-column:span 2}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.02em;align-items:center;gap:var(--space-2);font-weight:600;display:flex}.required-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:5px;height:5px}.field-input{height:40px;padding:0 var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);outline:none;width:100%}.field-input::placeholder{color:var(--color-text-faint)}.field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .15)}.field-input:hover:not(:focus){border-color:var(--color-primary-hover)}textarea.field-input{height:auto;padding:var(--space-3) var(--space-4);resize:vertical;min-height:80px;line-height:1.5}.field-input-wrapper{position:relative}.field-input-icon{right:var(--space-3);color:var(--color-text-faint);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.field-input.has-icon{padding-right:var(--space-10)}.field-hint{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-1)}.sticker-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.sticker-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition);letter-spacing:.04em;text-transform:uppercase;border:2px solid #0000;font-weight:600}.sticker-chip.morado{color:oklch(45% .18 308);background:oklch(70% .18 308/.15);border-color:oklch(70% .18 308/.3)}.sticker-chip.morado.selected{color:#fff;background:oklch(60% .18 308);border-color:oklch(60% .18 308)}.sticker-chip.verde{color:oklch(40% .16 145);background:oklch(65% .16 145/.15);border-color:oklch(65% .16 145/.3)}.sticker-chip.verde.selected{color:#fff;background:oklch(55% .16 145);border-color:oklch(55% .16 145)}.sticker-chip.rojo{color:oklch(45% .2 20);background:oklch(65% .2 20/.15);border-color:oklch(65% .2 20/.3)}.sticker-chip.rojo.selected{color:#fff;background:oklch(55% .2 20);border-color:oklch(55% .2 20)}.sticker-chip.amarillo{color:oklch(45% .17 85);background:oklch(80% .17 85/.2);border-color:oklch(80% .17 85/.4)}.sticker-chip.amarillo.selected{color:#fff;background:oklch(70% .17 85);border-color:oklch(70% .17 85)}.sticker-chip.azul{color:oklch(40% .17 230);background:oklch(60% .17 230/.15);border-color:oklch(60% .17 230/.3)}.sticker-chip.azul.selected{color:#fff;background:oklch(50% .17 230);border-color:oklch(50% .17 230)}.time-delta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500;display:inline-flex}.time-delta.early{background:var(--color-success-soft);color:var(--color-success)}.time-delta.late{background:oklch(from var(--color-warning) l c h / .12);color:var(--color-warning)}.form-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--color-divider);margin-top:var(--space-6);display:flex}.autosave-indicator{font-size:var(--text-xs);color:var(--color-text-faint);align-items:center;gap:var(--space-2);margin-right:auto;display:flex}.toast{bottom:var(--space-6);right:var(--space-6);background:var(--color-text);color:var(--color-text-inverse);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-3);opacity:0;z-index:999;pointer-events:none;font-weight:500;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;transform:translateY(100px)}.toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.toast-icon{color:#6daa45}.mobile-menu-btn{display:none}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-menu-btn{display:flex}.page-body{padding:var(--space-4)}.field-grid,.field-grid-3{grid-template-columns:1fr}.field-span2{grid-column:span 1}.invoice-header{flex-direction:column;align-items:flex-start}.invoice-meta{align-items:flex-start}.invoice-number{font-size:clamp(1.25rem,5vw,2rem)}.topbar{padding:0 var(--space-4)}.overlay{z-index:90;background:oklch(0% 0 0/.4);display:none;position:fixed;inset:0}.overlay.show{display:block}}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header-left{gap:var(--space-1);flex-direction:column;display:flex}.page-title{font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.02em;font-weight:700;line-height:1.2}.page-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.filter-bar{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-group{gap:var(--space-2);flex-direction:column;flex:1;min-width:150px;display:flex}.filter-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.filter-input{height:38px;padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);outline:none;width:100%}.filter-input::placeholder{color:var(--color-text-faint)}.filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .15)}.filter-input:hover:not(:focus){border-color:var(--color-text-muted)}.filter-sep{background:var(--color-divider);width:1px;margin:0 var(--space-1);flex-shrink:0;align-self:stretch}.quick-filters-section{gap:var(--space-2);flex-direction:column;display:flex}.quick-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.quick-chip{height:38px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);align-items:center;gap:var(--space-2);transition:all var(--transition);white-space:nowrap;font-weight:600;display:inline-flex}.quick-chip:hover,.quick-chip.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.filter-btn-group{gap:var(--space-2);flex-shrink:0;align-items:flex-end;display:flex}.active-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;min-height:0;display:flex}.filter-pill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-xs);border:1px solid oklch(from var(--color-primary) l c h / .25);font-weight:600;display:inline-flex}.filter-pill-x{cursor:pointer;opacity:.6;transition:opacity var(--transition);line-height:1}.filter-pill-x:hover{opacity:1}.results-bar{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.results-count{font-size:var(--text-xs);color:var(--color-text-muted)}.results-count strong{color:var(--color-text)}.table-wrapper{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.cargo-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.cargo-table thead{background:var(--color-surface);border-bottom:2px solid var(--color-divider)}.cargo-table th{padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:700}.cargo-table th.sortable{cursor:pointer}.cargo-table th.sortable:hover{color:var(--color-primary)}.th-inner{align-items:center;gap:var(--space-1);display:inline-flex}.sort-icon{opacity:.3;transition:opacity var(--transition)}.cargo-table th.sort-asc .sort-icon,.cargo-table th.sort-desc .sort-icon{opacity:1;color:var(--color-primary)}.cargo-table tbody tr{border-bottom:1px solid var(--color-divider);cursor:pointer;transition:background var(--transition)}.cargo-table tbody tr:last-child{border-bottom:none}.cargo-table tbody tr:hover{background:var(--color-primary-soft)}.cargo-table tbody tr:active{background:var(--color-primary-highlight)}.cargo-table td{padding:var(--space-4) var(--space-5);color:var(--color-text);vertical-align:middle}.cell-mono{font-family:var(--font-mono);letter-spacing:.05em;font-size:.8rem;font-weight:600}.cell-shipment{color:var(--color-primary)}.cell-factura{color:var(--color-text)}.cell-fecha-main{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.cell-fecha-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.sticker-chip-sm{align-items:center;gap:var(--space-2);padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700;display:inline-flex}.s-morado{color:oklch(45% .18 308);background:oklch(70% .18 308/.14);border:1px solid oklch(70% .18 308/.3)}.s-verde{color:oklch(40% .16 145);background:oklch(65% .16 145/.14);border:1px solid oklch(65% .16 145/.3)}.s-rojo{color:oklch(45% .2 20);background:oklch(65% .2 20/.14);border:1px solid oklch(65% .2 20/.3)}.s-amarillo{color:oklch(45% .17 85);background:oklch(80% .17 85/.18);border:1px solid oklch(80% .17 85/.35)}.s-azul{color:oklch(40% .17 230);background:oklch(60% .17 230/.14);border:1px solid oklch(60% .17 230/.3)}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-active{background:var(--color-success-soft);color:var(--color-success)}.badge-pending{background:var(--color-info-soft);color:var(--color-info)}.badge-delayed{background:oklch(from var(--color-warning) l c h / .12);color:var(--color-warning)}.badge-closed{background:var(--color-surface-offset);color:var(--color-text-faint)}.row-cta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-faint);transition:color var(--transition);font-weight:600;display:inline-flex}.cargo-table tbody tr:hover .row-cta{color:var(--color-primary)}.pagination{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-divider);background:var(--color-surface);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pagination-info{font-size:var(--text-xs);color:var(--color-text-muted)}.page-controls{align-items:center;gap:var(--space-2);display:flex}.page-btn{min-width:32px;height:32px;padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.page-btn:hover:not(:disabled):not(.page-btn-active){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.page-btn-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-icon{color:var(--color-text-faint)}.empty-state h3{font-size:var(--text-base);color:var(--color-text);font-weight:600}.empty-state p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:30ch}@media (width<=768px){.filter-sep{display:none}.filter-group{min-width:100%}.table-wrapper{border-radius:var(--radius-lg)}.cargo-table thead{display:none}.cargo-table tbody tr{padding:var(--space-4);gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.cargo-table td{border:none;padding:0}.cargo-table td[data-label]:before{content:attr(data-label);font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-weight:700;display:block}.cargo-table td:last-child{grid-column:1/-1}}.kpi-card{min-width:84px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), transform .12s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;border:2px solid #0000;outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.kpi-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.kpi-card:active{transform:scale(.96)}.kpi-num{font-size:var(--text-lg);transition:color var(--transition);font-weight:700;line-height:1.1}.kpi-lbl{font-size:var(--text-xs);transition:color var(--transition);margin-top:3px;font-weight:600}.kpi-total{background:var(--color-surface-2);border-color:var(--color-border)}.kpi-total .kpi-num{color:var(--color-text)}.kpi-total .kpi-lbl{color:var(--color-text-muted)}.kpi-total:hover:not(.kpi-active){background:var(--color-surface-offset);border-color:var(--color-text-muted);box-shadow:var(--shadow-sm)}.kpi-active-card{background:var(--color-success-soft);border-color:oklch(from var(--color-success) l c h / .25)}.kpi-active-card .kpi-num,.kpi-active-card .kpi-lbl{color:var(--color-success)}.kpi-active-card:hover:not(.kpi-active){background:oklch(from var(--color-success) l c h / .18);border-color:var(--color-success);box-shadow:0 0 0 3px oklch(from var(--color-success) l c h / .12)}.kpi-pending{background:var(--color-info-soft);border-color:oklch(from var(--color-info) l c h / .25)}.kpi-pending .kpi-num,.kpi-pending .kpi-lbl{color:var(--color-info)}.kpi-pending:hover:not(.kpi-active){background:oklch(from var(--color-info) l c h / .18);border-color:var(--color-info);box-shadow:0 0 0 3px oklch(from var(--color-info) l c h / .12)}.kpi-delayed{background:oklch(from var(--color-warning) l c h / .1);border-color:oklch(from var(--color-warning) l c h / .25)}.kpi-delayed .kpi-num,.kpi-delayed .kpi-lbl{color:var(--color-warning)}.kpi-delayed:hover:not(.kpi-active){background:oklch(from var(--color-warning) l c h / .18);border-color:var(--color-warning);box-shadow:0 0 0 3px oklch(from var(--color-warning) l c h / .12)}.kpi-closed{background:var(--color-surface-offset);border-color:var(--color-divider)}.kpi-closed .kpi-num{color:var(--color-text-muted)}.kpi-closed .kpi-lbl{color:var(--color-text-faint)}.kpi-closed:hover:not(.kpi-active){background:var(--color-surface-dynamic,#e6e4df);border-color:var(--color-text-faint);box-shadow:var(--shadow-sm)}.kpi-card.kpi-active{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-total.kpi-active{background:var(--color-text);border-color:var(--color-text)}.kpi-total.kpi-active .kpi-num,.kpi-total.kpi-active .kpi-lbl{color:var(--color-text-inverse)}.kpi-active-card.kpi-active{background:var(--color-success);border-color:var(--color-success)}.kpi-active-card.kpi-active .kpi-num,.kpi-active-card.kpi-active .kpi-lbl{color:#fff}.kpi-pending.kpi-active{background:var(--color-info);border-color:var(--color-info)}.kpi-pending.kpi-active .kpi-num,.kpi-pending.kpi-active .kpi-lbl{color:#fff}.kpi-delayed.kpi-active{background:var(--color-warning);border-color:var(--color-warning)}.kpi-delayed.kpi-active .kpi-num,.kpi-delayed.kpi-active .kpi-lbl{color:#fff}.kpi-closed.kpi-active{background:var(--color-text-muted);border-color:var(--color-text-muted)}.kpi-closed.kpi-active .kpi-num,.kpi-closed.kpi-active .kpi-lbl{color:#fff}.kpi-card:after{content:"";border-radius:var(--radius-full);opacity:.4;background:currentColor;width:0;height:2px;transition:width .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.kpi-card:hover:after{width:40%}.kpi-card.kpi-active:after{width:0}@media (width<=768px){.kpi-card{min-width:68px;padding:var(--space-2) var(--space-3)}.kpi-num{font-size:var(--text-base)}}.skel{background:linear-gradient(90deg,var(--color-surface-offset) 25%,var(--color-surface-2) 50%,var(--color-surface-offset) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skel-text{height:14px;margin:2px 0}.skel-chip{border-radius:var(--radius-full);width:70px;height:20px}.skel-badge{border-radius:var(--radius-full);width:80px;height:20px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.kpi-strip{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.kpi-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:110px;padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition);text-align:center;flex:1}.kpi-card:hover,.kpi-card.kpi-active{border-color:var(--color-primary);background:var(--color-primary-soft)}.kpi-val{font-size:var(--text-lg);font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:700}.kpi-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.empty-state{padding:var(--space-16) var(--space-8);color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state svg{color:var(--color-text-faint)}.empty-state h3{color:var(--color-text);font-size:var(--text-base);font-weight:600}.empty-state p{font-size:var(--text-xs);max-width:36ch}.camiones-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.camion-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition);gap:var(--space-3);flex-direction:column;display:flex}.camion-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.camion-card-header{justify-content:space-between;align-items:center;display:flex}.camion-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.08em;font-weight:700}.camion-nombre{font-size:var(--text-base);color:var(--color-text);letter-spacing:-.01em;font-weight:700}.camion-patente{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);letter-spacing:.08em;font-weight:600}.camion-meta{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-divider);flex-direction:column;display:flex}.camion-meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.camion-stats{gap:var(--space-2);margin-top:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.stat-item{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);text-align:center}.stat-val{font-size:var(--text-base);font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:700}.stat-lbl{font-size:var(--text-xs);color:var(--color-text-faint)}.camion-obs{align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-warning);background:oklch(from var(--color-warning) l c h/.08);border:1px solid oklch(from var(--color-warning) l c h/.2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex}.detail-hero{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);align-items:flex-start;gap:var(--space-6);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.detail-icon{border-radius:var(--radius-lg);background:var(--color-primary-soft);width:64px;height:64px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-info{flex:1;min-width:200px}.detail-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.08em;margin-bottom:var(--space-1);font-weight:700}.detail-nombre{font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.detail-patente{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary);letter-spacing:.06em;font-weight:600}.stats-row{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.stat-box{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.stat-box .stat-val{font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:700}.stat-box .stat-lbl{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.two-col{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.historial-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.historial-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:2px solid var(--color-divider);font-weight:700}.historial-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);vertical-align:middle}.historial-table tr:last-child td{border-bottom:none}.historial-table tr:hover td{background:var(--color-primary-soft)}@media (width<=768px){.two-col{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}}.is-disabled{opacity:.55;pointer-events:none}.hito-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:var(--color-surface);flex-wrap:wrap;display:flex}.hito-row.hito-done{border-color:oklch(from var(--color-success) l c h/.4);background:var(--color-success-soft)}.hito-nombre{font-weight:600;font-size:var(--text-sm)}.hito-fecha{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.hito-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hito-actions .btn-primary{width:auto;padding:var(--space-2) var(--space-4)}.fotos-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.foto-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);position:relative;overflow:hidden}.foto-item img{object-fit:cover;width:100%;height:110px;display:block}.foto-item.is-borrando{opacity:.5}.foto-borrar{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm);color:#fff;cursor:pointer;opacity:0;width:26px;height:26px;transition:opacity var(--transition),background var(--transition);background:oklch(0% 0 0/.55);border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.foto-item:hover .foto-borrar,.foto-borrar:focus-visible{opacity:1}.foto-borrar:hover{background:var(--color-error)}@media (hover:none){.foto-borrar{opacity:1}}.foto-meta{justify-content:space-between;align-items:center;gap:var(--space-1);padding:var(--space-2);flex-wrap:wrap;display:flex}.foto-size{font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-mono)}.fotos-empty{text-align:center;padding:var(--space-6);color:var(--color-text-faint);font-size:var(--text-xs);grid-column:1/-1}.btn-foto{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition);background:var(--color-surface);display:inline-flex}.btn-foto:hover{border-color:var(--color-primary);color:var(--color-primary)}.offline-banner{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:oklch(from var(--color-warning) l c h/.12);border:1px solid oklch(from var(--color-warning) l c h/.3);color:var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-xs);margin-bottom:var(--space-4);display:none}body.is-offline .offline-banner{display:flex}