:root{--color-bg: #f6f8fa;--color-bg-soft: #eef2f5;--color-text: #1c2733;--color-border: #dbe4ea;--color-border-soft: #c9d8e2;--color-sidebar-bg: #1f3550;--color-sidebar-text: #d3e0ea;--color-sidebar-accent: #2f6690;--color-primary: #2f6690;--color-primary-dark: #1f3550;--color-cta: #e0764f;--color-tint: #eaf1f6;--color-tint-hover: #d9e6ee;--color-secondary: #8a8f94;--color-danger: #b23b3b;--color-danger-light: #c65b5b;--color-success-bg: #dff2e6;--color-success-text: #1e7a3c;--color-error-bg: #f2dede;--color-error-text: #a33;--color-warning-bg: #fdf0d5;--color-warning-text: #9a6b00}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Arial,sans-serif;background:var(--color-bg);color:var(--color-text)}.layout{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--color-sidebar-bg);color:#fff;padding:16px 0;flex-shrink:0;transition:width .15s ease;overflow:hidden}.sidebar.colapsado{width:60px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px;border-bottom:1px solid var(--color-sidebar-accent)}.sidebar.colapsado .sidebar-header{justify-content:center;padding:0 0 12px}.sidebar h1{font-size:15px;margin:0;white-space:nowrap}.sidebar-toggle{background:transparent;border:1px solid var(--color-sidebar-accent);border-radius:6px;color:var(--color-sidebar-text);padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.sidebar-toggle:hover{background:var(--color-sidebar-accent);opacity:1}.sidebar nav{display:flex;flex-direction:column;margin-top:8px}.sidebar nav a{color:var(--color-sidebar-text);text-decoration:none;padding:10px 16px;font-size:14px;display:flex;align-items:center;gap:10px;white-space:nowrap}.sidebar.colapsado nav a{padding:12px 0;justify-content:center}.sidebar nav a .texto-item{overflow:hidden;text-overflow:ellipsis}.sidebar nav a.active,.sidebar nav a:hover{background:var(--color-sidebar-accent);color:#fff}.main{flex:1;padding:20px 28px;overflow-x:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.empresa-selector select{padding:6px 10px;border-radius:6px;border:1px solid #ccc;font-size:14px}h2{margin-top:0}table{border-collapse:collapse;width:100%;background:#fff}th,td{border:1px solid var(--color-border);padding:6px 10px;font-size:13px;text-align:left}th{background:var(--color-bg-soft)}table input,table select{width:100%;border:1px solid #ccc;padding:4px;font-size:13px}.card{background:#fff;border-radius:8px;padding:18px;margin-bottom:18px;box-shadow:0 1px 3px #0000000f}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-grid label{display:flex;flex-direction:column;font-size:13px;gap:4px}.form-grid input,.form-grid select,.form-grid textarea{padding:7px 8px;border:1px solid #ccc;border-radius:5px;font-size:13px}fieldset{border:1px solid var(--color-border);border-radius:6px;margin-bottom:14px}legend{font-weight:600;padding:0 6px;font-size:13px;color:var(--color-primary)}button{background:var(--color-cta);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;cursor:pointer}button.secundario{background:var(--color-secondary)}button.peligro{background:var(--color-danger)}button.cancelar{background:var(--color-danger-light)}button:hover{opacity:.9}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--color-primary);margin-bottom:18px;flex-wrap:wrap}.tabs a{padding:9px 18px;background:var(--color-tint);color:var(--color-primary-dark);text-decoration:none;border-radius:8px 8px 0 0;font-size:13.5px;font-weight:600;border:1px solid var(--color-border-soft);border-bottom:none}.tabs a.active{background:var(--color-primary);color:#fff}.tabs a:hover:not(.active){background:var(--color-tint-hover)}label.campo-ancho{display:flex;flex-direction:column;gap:6px;font-size:13px;margin-bottom:14px}label.campo-ancho textarea{width:92%;max-width:950px;align-self:center;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}td.col-descripcion{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;color:#556}.autocompletado{position:relative}.autocompletado-lista{position:absolute;z-index:20;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 6px 6px;max-height:220px;overflow-y:auto;box-shadow:0 4px 8px #00000014}.autocompletado-lista div{padding:8px 10px;font-size:13px;cursor:pointer}.autocompletado-lista div:hover,.autocompletado-lista div.resaltado{background:var(--color-bg-soft)}.autocompletado-lista .sin-resultados{color:#888;cursor:default}.chip{padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.chip.abierto{background:var(--color-success-bg);color:var(--color-success-text)}.chip.cerrado{background:var(--color-error-bg);color:var(--color-error-text)}.chip.en-gracia{background:var(--color-warning-bg);color:var(--color-warning-text)}.tabla-lista tr{cursor:pointer}.tabla-lista tr:hover{background:#f7faf9}.acciones{display:flex;gap:8px;margin-top:14px}.aviso{background:#fff6e0;border:1px solid #e6c866;padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:14px}.totales-row td{font-weight:700;background:var(--color-bg-soft)}.banner-avisos{display:flex;flex-direction:column;gap:6px;padding:10px 24px}.banner-aviso{padding:8px 14px;border-radius:6px;font-size:13px}.banner-aviso.informativo{background:var(--color-tint);color:var(--color-primary-dark);border:1px solid var(--color-border-soft)}.banner-aviso.advertencia{background:var(--color-error-bg);color:#8a2c2c;border:1px solid #e6a3a3}