:root{--bg: oklch(98% .003 80);--paper: #ffffff;--ink: oklch(14% .005 240);--ink-2: oklch(36% .008 240);--ink-3: oklch(58% .008 240);--line: oklch(86% .005 240);--line-2: oklch(93% .004 240);--red: oklch(54% .21 25);--yellow: #ffe600;--green: oklch(60% .14 150);--font-sans: "Barlow Condensed", "Barlow", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--situacion-pendiente: #e8000d;--situacion-impreso: #111111;--situacion-servido: #4a4a4a;--situacion-comercial: #8a8a8a;--situacion-retenido: #e8000d}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);letter-spacing:.01em}.mono{font-family:var(--font-mono);letter-spacing:0}button{font-family:inherit;border-radius:0;cursor:pointer}input,select{font-family:inherit;border-radius:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--ink);color:var(--paper);border-bottom:4px solid var(--red)}.topbar-title{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.topbar-sync{font-family:var(--font-mono);font-size:12px;color:#c9c9c9}.topbar-sync.stale{color:var(--yellow)}.tabs{display:flex;border-bottom:2px solid var(--line);background:var(--paper)}.tab-button{padding:12px 24px;border:none;background:transparent;font-family:var(--font-sans);font-size:16px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-3);border-bottom:3px solid transparent}.tab-button.active{color:var(--ink);border-bottom-color:var(--red);font-weight:600}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 24px;background:var(--paper);border-bottom:1px solid var(--line-2)}.toolbar input,.toolbar select{padding:8px 10px;border:1px solid var(--line);background:var(--paper);font-size:14px}.data-table{width:100%;border-collapse:collapse;background:var(--paper)}.data-table th{text-align:left;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--ink-3);border-bottom:2px solid var(--ink);padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table th.sorted:after{content:" ↓"}.data-table th.sorted.asc:after{content:" ↑"}.data-table td{padding:10px 14px;border-bottom:1px solid var(--line-2);font-size:14px}.data-table tbody tr:hover{background:var(--bg)}.status-badge{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px}.status-dot{width:10px;height:10px;display:inline-block;flex-shrink:0}.empty-state{padding:48px 24px;text-align:center;color:var(--ink-3);font-size:15px}.causa-cell{display:flex;gap:8px;align-items:center}.causa-cell input{flex:1;padding:6px 8px;border:1px solid var(--line)}.causa-save-btn{padding:6px 12px;background:var(--ink);color:var(--paper);border:none;font-size:13px;text-transform:uppercase}.causa-save-btn:disabled{opacity:.5;cursor:default}.causa-saved-flash{color:var(--green);font-family:var(--font-mono);font-size:12px}.login-screen{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:16px}