:root{--carbon:#131519;--carbon-soft:#1d2025;--bone:#e8e6df;--paper:#fafaf7;--paper-soft:#f2f0ea;--blue:#2d3fcf;--blue-deep:#2535b5;--blue-soft:#5567e8;--line:#1315191f;--muted:#1315198c;--shadow:#1315190f;--bg:var(--paper);--bg-elev:#fff;--bg-soft:var(--paper-soft);--fg:var(--carbon);--fg-muted:var(--muted);--accent:var(--blue);--accent-fg:#fff;--border:var(--line);--shadow-color:var(--shadow);--green:#16a34a;--red:#dc2626;--amber:#f59e0b;--gray:#6b7280;--font-sans:"IBM Plex Sans",system-ui,sans-serif;--font-serif:"IBM Plex Serif",Georgia,serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace}[data-theme=dark]{--bg:var(--carbon);--bg-elev:var(--carbon-soft);--bg-soft:#16181d;--fg:var(--bone);--fg-muted:#e8e6df8c;--accent:var(--blue-soft);--accent-fg:var(--carbon);--border:#e8e6df1f;--shadow-color:#0006}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;transition:background .2s,color .2s}body{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}button,input,select,textarea{color:var(--fg);font-family:inherit;font-size:14px}.header{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.header-logo{align-items:center;gap:12px;min-width:0;display:flex}.header-logo .mark{border-radius:8px;flex-shrink:0;width:30px;height:30px}.header-logo .mark svg{width:100%;height:100%;display:block}.wordmark{font-family:var(--font-sans);letter-spacing:-.02em;align-items:baseline;gap:7px;font-size:17px;font-weight:700;display:flex}.wordmark .amp{font-family:var(--font-serif);opacity:.85;font-style:italic;font-weight:400}.wordmark .prod{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);align-self:center;font-size:10px;font-weight:500}.header-actions{align-items:center;gap:8px;display:flex}.user-chip{font-family:var(--font-mono);background:var(--bg-soft);border:1px solid var(--border);letter-spacing:.02em;text-transform:uppercase;color:var(--fg-muted);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500}.theme-seg{border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.theme-seg button{cursor:pointer;color:var(--fg-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:6px 9px;line-height:0;transition:all .15s;display:flex}.theme-seg button+button{border-left:1px solid var(--border)}.theme-seg button:hover{color:var(--fg)}.theme-seg button.active{background:var(--accent);color:var(--accent-fg)}.theme-seg svg{width:15px;height:15px}.btn{font-family:var(--font-sans);border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-soft);border-color:var(--fg-muted)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{opacity:.9;background:var(--accent)}.btn-add{letter-spacing:.02em;background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);cursor:pointer;border-radius:8px;padding:9px 14px;font-weight:600}.btn-add:hover{opacity:.9}.btn-emitir{background:var(--green);color:#fff;border-color:var(--green)}.btn-emitir:hover{opacity:.9;background:var(--green)}.btn-danger{color:var(--red);background:0 0;border-color:#0000}.btn-danger:hover{background:#dc262614;border-color:#dc262633}.btn-sm{padding:6px 11px;font-size:12px}main{flex-direction:column;flex:1;display:flex}.login-wrap{background:var(--bg-soft);flex:1;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.login-card{background:var(--bg-elev);width:100%;max-width:560px;box-shadow:0 12px 40px var(--shadow-color),0 2px 6px var(--shadow-color);border-radius:18px;overflow:hidden}.login-hero{color:#fff;background:#2d3fcf;padding:38px 40px 34px;position:relative;overflow:hidden}.login-seal{opacity:.22;pointer-events:none;width:240px;height:240px;position:absolute;top:50%;right:-40px;transform:translateY(-50%)}.login-seal svg{width:100%;height:100%}.login-seal svg path,.login-seal svg rect{fill:#fff}.login-hero-brand{font-family:var(--font-sans);letter-spacing:-.03em;color:#fff;z-index:1;margin-bottom:18px;font-size:48px;font-weight:700;line-height:1;position:relative}.login-hero-brand .amp{font-family:var(--font-serif);opacity:.9;margin:0 4px;font-size:38px;font-style:italic;font-weight:400}.login-hero-title{font-family:var(--font-sans);color:#fff;z-index:1;letter-spacing:-.01em;margin-bottom:4px;font-size:22px;font-weight:600;line-height:1.2;position:relative}.login-hero-descriptor{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#ffffffd9;z-index:1;margin-bottom:14px;font-size:10px;font-weight:500;position:relative}.login-hero-sub{font-family:var(--font-sans);color:#ffffffc7;z-index:1;font-size:13px;position:relative}.login-form{padding:28px 36px}.login-tabs{border-bottom:1px solid var(--border);margin-bottom:22px;display:flex}.login-tab{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;text-align:center;color:var(--fg-muted);cursor:default;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px 4px;font-size:11px;font-weight:600}.login-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.login-tab.disabled{opacity:.35}.field{margin-bottom:14px}.field-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:6px;font-size:10px;font-weight:600;display:block}.field-input{width:100%;font-family:var(--font-sans);background:var(--bg);color:var(--fg);border:1.5px solid var(--border);border-radius:8px;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2d3fcf24}.login-submit{letter-spacing:.08em;text-transform:uppercase;border-radius:10px;width:100%;margin-top:6px;padding:14px;font-size:13px;font-weight:600}.login-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.login-footer-text{font-family:var(--font-serif);color:var(--fg-muted);font-size:11px;font-style:italic}.login-footer-tag{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-muted);opacity:.75;font-size:9px;font-weight:500}.app-shell{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px}.demo-banner{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);text-align:center;background:#f59e0b14;border:1px dashed #f59e0b66;border-radius:8px;margin-bottom:20px;padding:8px 12px;font-size:10px}.refs-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.refs-title{font-family:var(--font-serif);letter-spacing:-.01em;margin-right:auto;font-size:24px;font-style:italic;font-weight:500}.refs-count{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg-muted);text-transform:uppercase;margin-left:10px;font-size:11px}.stat-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--bg-elev);border:1px solid var(--border);opacity:0;border-radius:12px;padding:16px;animation:.5s forwards fadeUp;transform:translateY(8px)}.stat-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);font-size:10px;font-weight:600}.stat-value{font-family:var(--font-sans);letter-spacing:-.02em;margin-top:8px;font-size:24px;font-weight:700}.stat-cap{font-family:var(--font-mono);color:var(--fg-muted);margin-top:2px;font-size:10px}@keyframes fadeUp{to{opacity:1;transform:none}}.filters-bar{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:14px;display:flex}.filter-group{flex-direction:column;flex:1;gap:4px;min-width:150px;display:flex}.filter-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);font-size:9px;font-weight:600}.filter-select,.filter-input{font-family:var(--font-sans);background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:13px}.filter-input:focus,.filter-select:focus{border-color:var(--accent);outline:none}.refs-table-wrap{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.refs-table{border-collapse:collapse;width:100%;font-size:13px}.refs-table thead{background:var(--bg-soft)}.refs-table th{text-align:left;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 14px;font-size:10px;font-weight:600}.refs-table th.num,.refs-table td.num{text-align:right}.refs-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}.refs-table tbody tr{cursor:pointer;transition:background .1s}.refs-table tbody tr:hover{background:var(--bg-soft)}.refs-table tbody tr:last-child td{border-bottom:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.t-num{font-family:var(--font-mono);font-size:12px;font-weight:600}.t-amount{font-family:var(--font-mono);white-space:nowrap;font-weight:600}.muted-cell{color:var(--fg-muted);font-style:italic}.empty-row{text-align:center;color:var(--fg-muted);padding:40px}.badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:4px;align-items:center;padding:3px 8px;font-size:9px;font-weight:600;display:inline-flex}.b-borrador{background:var(--bg-elev);color:var(--fg-muted);border-style:dashed}.b-enviado{background:var(--blue);color:#fff;border-color:var(--blue)}.b-aceptado{background:var(--green);color:#fff;border-color:var(--green)}.b-rechazado{background:var(--red);color:#fff;border-color:var(--red)}.b-vencido{background:var(--gray);color:#fff;border-color:var(--gray)}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:flex-start;padding:24px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-backdrop.show{display:flex}.modal{background:var(--bg-elev);border-radius:16px;flex-direction:column;width:100%;max-width:780px;max-height:calc(100vh - 48px);margin:auto;display:flex;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-family:var(--font-serif);letter-spacing:-.01em;align-items:center;gap:10px;font-size:22px;font-style:italic;font-weight:500;display:flex}.modal-title .mt-num{font-family:var(--font-mono);font-size:18px;font-style:normal;font-weight:600}.modal-close{background:var(--bg-soft);width:32px;height:32px;color:var(--fg);cursor:pointer;border:none;border-radius:8px;font-size:18px}.modal-close:hover{background:var(--border)}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.fg{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.ff{flex-direction:column;gap:5px;display:flex}.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}.c6{grid-column:span 6}.c8{grid-column:span 8}.c12{grid-column:span 12}.ff-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);font-size:10px;font-weight:600}.ff-label .req{color:var(--accent)}.form-input,.form-select,.form-textarea{font-family:var(--font-sans);background:var(--bg);color:var(--fg);border:1.5px solid var(--border);border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);outline:none}.form-textarea{resize:vertical;min-height:60px}.hint{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-muted);margin-top:2px;font-size:9px}.row-inline{gap:8px;display:flex}.row-inline select{flex:1}.items-head{justify-content:space-between;align-items:center;margin:22px 0 8px;display:flex}.items-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);font-size:11px;font-weight:600}.items-tbl{border-collapse:collapse;width:100%;font-size:13px}.items-tbl th{text-align:left;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);border-bottom:1px solid var(--border);padding:6px 8px;font-size:9px;font-weight:600}.items-tbl th.num,.items-tbl td.num{text-align:right}.items-tbl td{border-bottom:1px solid var(--border);padding:6px}.items-tbl input,.items-tbl select{font-family:var(--font-sans);background:var(--bg);border:1px solid var(--border);border-radius:6px;width:100%;padding:7px 8px;font-size:13px}.items-tbl input:focus,.items-tbl select:focus{border-color:var(--accent);outline:none}.it-sub{font-family:var(--font-mono);font-weight:600}.btn-x{color:var(--red);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}.no-items{font-family:var(--font-serif);color:var(--fg-muted);padding:18px 0;font-style:italic}.totales{width:300px;margin-top:18px;margin-left:auto}.t-row{justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.t-row span{color:var(--fg-muted)}.t-row b{font-family:var(--font-mono)}.t-row.total{border-top:1px solid var(--border);margin-top:4px;padding-top:10px;font-size:17px}.t-row.total span{color:var(--fg);font-weight:600}.toast-container{z-index:300;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{font-family:var(--font-mono);letter-spacing:.04em;background:var(--carbon);color:var(--bone);border-radius:999px;padding:12px 20px;font-size:12px;box-shadow:0 8px 24px #0003}[data-theme=dark] .toast{background:var(--bone);color:var(--carbon)}.toast.error{background:var(--red);color:#fff}.toast.warning{background:var(--amber);color:#1f2937}@media (max-width:880px){.stat-grid{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:repeat(6,1fr)}.c2,.c3,.c4{grid-column:span 3}.c6,.c8{grid-column:span 6}}.brand-logo .logo-svg{align-items:center;display:flex}.brand-logo .logo-svg svg{width:auto;max-width:240px;height:24px;display:block}[data-theme=dark] .brand-logo .logo-svg svg path{fill:var(--blue-soft)}.hero-logo{z-index:1;margin-bottom:20px;position:relative}.hero-logo svg{width:auto;max-width:100%;height:38px;display:block}.hero-logo svg path{fill:#fff}.header-nav{flex:1;gap:4px;margin-left:8px;display:flex}.nav-tab{font-family:var(--font-sans);color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 13px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s}.nav-tab:hover{background:var(--bg-soft);color:var(--fg)}.nav-tab.active{color:var(--accent);background:var(--bg-soft)}