:root{--ink:#151b23;--ink-soft:#232c37;--steel:#5b6b7c;--line:#e3e7ea;--paper:#f6f7f6;--panel:#fff;--teal:#1fafa8;--teal-dark:#128078;--amber:#e8a33d;--red:#c4573b;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #151b230d, 0 1px 1px #151b230a;--shadow-md:0 6px 20px #151b2314;--shadow-lg:0 16px 40px #151b2333;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0}.app-shell{min-height:100vh;display:flex}.mobile-topbar,.sidebar-backdrop{display:none}.sidebar{background:var(--ink);color:#cbd5db;flex-direction:column;flex:0 0 230px;width:230px;height:100vh;padding:22px 0;display:flex;position:sticky;top:0;box-shadow:2px 0 16px #0000001a}.brand{border-bottom:1px solid #ffffff14;margin-bottom:14px;padding:0 22px 18px}.brand .name{color:#fff;font-size:15px;font-weight:700}.brand .tag{font-family:var(--mono);color:var(--teal);letter-spacing:.4px;margin-top:4px;font-size:10.5px}.navitems{flex-direction:column;gap:2px;padding:0 10px;display:flex}.navitem{cursor:pointer;color:#aeb9c2;white-space:nowrap;border-radius:var(--radius-sm);padding:10px 12px;font-size:13.5px;text-decoration:none;transition:background .15s,color .15s;display:block}.navitem:hover{color:#fff;background:#ffffff0f}.navitem.active{color:#fff;box-shadow:inset 3px 0 0 var(--teal);background:#1fafa829}.navfoot{color:#5b6b7c;font-size:10.5px;font-family:var(--mono);border-top:1px solid #ffffff14;margin-top:auto;padding:12px 22px 0}.main{flex:1;min-width:0;padding:32px 38px}h2.pagetitle{letter-spacing:-.2px;margin:0 0 3px;font-size:20px;font-weight:700}.pagesub{color:var(--steel);margin-bottom:22px;font-size:12.5px}.grid2{grid-template-columns:1.15fr .85fr;align-items:start;gap:22px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.panel+.panel{margin-top:16px}.panel h3{text-transform:uppercase;letter-spacing:.6px;color:var(--steel);margin:0 0 14px;font-size:11.5px;font-weight:700}.fieldrow{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.field{margin-bottom:12px}.field label{color:var(--steel);margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;font-size:13px;font-family:var(--sans);color:var(--ink);background:#fff;padding:9px 11px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:60px}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #1fafa826}input.input-error,select.input-error,textarea.input-error{border-color:var(--red)}input.input-error:focus,select.input-error:focus,textarea.input-error:focus{box-shadow:0 0 0 3px #c4573b24}.fielderr{color:var(--red);margin-top:5px;font-size:11px}.btn{border-radius:var(--radius-sm);border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,transform 50ms;display:inline-block}.btn:hover{background:var(--ink-soft);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none}.btn.teal{background:var(--teal);border-color:var(--teal-dark)}.btn.teal:hover{background:var(--teal-dark)}.btn.ghost{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:0 0;font-weight:500}.btn.ghost:hover{border-color:var(--steel);box-shadow:none;background:#151b2308}.btn.small{padding:6px 11px;font-size:12px}.iconbtn{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;color:var(--red);background:#fff;font-size:14px;transition:background .15s,border-color .15s}.iconbtn:hover{border-color:var(--red);background:#fbeae6}.actionsbar{gap:10px;margin-top:18px;display:flex}.ticket{background:var(--ink);color:#edeff1;box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.ticket-head{border-bottom:1px dashed #ffffff26;align-items:center;gap:10px;padding:20px 22px 16px;display:flex}.ticket-head .co{color:#fff;font-size:15px;font-weight:700}.ticket-head .meta{font-family:var(--mono);color:var(--teal);letter-spacing:.3px;margin-top:6px;font-size:10.5px}.ticket-body{padding:14px 22px}.ticket-line{color:#cbd5db;border-bottom:1px dotted #ffffff1f;justify-content:space-between;padding:6px 0;font-size:12.5px;display:flex}.ticket-totals{border-top:1px dashed #ffffff26;padding:14px 22px 22px}.trow{color:#aeb9c2;justify-content:space-between;padding:3px 0;font-size:12.5px;display:flex}.trow.total{color:#fff;font-size:18px;font-weight:700;font-family:var(--mono);border-top:1px solid #ffffff26;margin-top:8px;padding-top:10px}.item-row{border-radius:var(--radius-sm);grid-template-columns:2.2fr 1fr .6fr .9fr 28px;grid-template-areas:"name price qty importe del";align-items:start;gap:8px;margin-bottom:8px;transition:background-color 1.1s;display:grid}.item-row .f-name{grid-area:name}.item-row .f-price{grid-area:price}.item-row .f-qty{grid-area:qty}.item-row .f-importe{font-family:var(--mono);text-align:right;grid-area:importe;padding-top:9px;font-size:12.5px}.item-row .f-del{grid-area:del}.item-row.just-added{background-color:#1fafa824}table.datatable{border-collapse:collapse;width:100%;font-size:13px}table.datatable th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--steel);border-bottom:1px solid var(--line);padding:8px;font-size:10.5px}table.datatable td{border-bottom:1px solid #eef0f1;padding:8px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll table.datatable{min-width:520px}.badge{font-family:var(--mono);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:600;display:inline-block}.badge.cot{color:#8a5a16;background:#fce9cf}.badge.rec{color:var(--teal-dark);background:#d7f0ee}.badge.can{color:var(--red);background:#fbeae6}.badge.neutral{color:var(--steel);background:#eef0f1}.hist-row{border-radius:var(--radius-sm);border-bottom:1px solid #eef0f1;grid-template-columns:1fr 1.3fr .9fr .8fr auto;align-items:center;gap:10px;padding:14px 10px;font-size:13px;transition:background-color .15s;display:grid}@media (min-width:769px){.hist-row.hist-row-fixed{grid-template-columns:150px minmax(0,1fr) 100px 170px;row-gap:8px}.hist-row.hist-row-fixed .hist-actions{grid-column:1/-1;justify-content:flex-end}.hist-row.hist-row-svc{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px 170px;row-gap:8px}.hist-row.hist-row-svc .hist-actions{grid-column:1/-1;justify-content:flex-end}}@media (min-width:1400px){.hist-row.hist-row-fixed{grid-template-columns:150px minmax(0,1fr) 100px 170px 400px}.hist-row.hist-row-fixed .hist-actions{grid-column:auto}.hist-row.hist-row-svc{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 150px 170px 200px}.hist-row.hist-row-svc .hist-actions{grid-column:auto}}.hist-row-fixed>*,.hist-row-svc>*{min-width:0}.ell{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ell-wrap{flex:1;min-width:0}.hist-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.hist-folio{align-items:center;gap:6px;display:flex}.hist-toggle,.hist-toggle-spacer,.hist-branch{flex:0 0 22px;width:22px;height:22px}.hist-toggle{border:1px solid var(--line);cursor:pointer;color:var(--steel);background:#fff;border-radius:6px;padding:0;font-size:9px;line-height:1;transition:background .15s,border-color .15s}.hist-toggle:hover{border-color:var(--teal);color:var(--teal-dark);background:#1fafa80f}.hist-branch{color:var(--teal-dark);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.hist-row.hist-child{border-left:3px solid var(--teal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#1fafa80f;margin-left:30px;padding-top:10px;padding-bottom:10px;animation:.18s hist-child-in}@keyframes hist-child-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.hist-row:hover{background:#151b2305}.hist-search-grid{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}.send-menu-popover{border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:200;background:#fff;min-width:170px;position:fixed;overflow:hidden}.send-menu-popover button{text-align:left;border:none;border-bottom:1px solid var(--line);cursor:pointer;width:100%;color:var(--ink);background:0 0;align-items:center;padding:11px 14px;font-size:13px;display:flex}.send-menu-popover button:last-child{border-bottom:none}.send-menu-popover button:hover{background:var(--paper);color:var(--teal-dark)}.cat-add-grid{border-top:1px solid var(--line);grid-template-columns:2fr 1.1fr 1fr auto;gap:8px;margin-top:14px;padding-top:14px;display:grid}.muted{color:var(--steel);font-size:12px}.toast{background:var(--ink);color:#fff;border-radius:var(--radius-sm);border-left:3px solid var(--teal);z-index:60;box-shadow:var(--shadow-md);padding:11px 18px;font-size:13px;position:fixed;bottom:20px;right:20px}.savebar{justify-content:flex-end;margin-top:16px;display:flex}.helptext{color:var(--steel);margin-top:-4px;margin-bottom:12px;font-size:11.5px}.editbanner{border:1px solid var(--amber);color:#8a5a16;border-radius:var(--radius-sm);background:#fff6e9;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:11px 16px;font-size:12.5px;display:flex}.login-wrap{background:var(--paper);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:340px;box-shadow:var(--shadow-md);background:#fff;padding:28px}@media (max-width:960px){.grid2{grid-template-columns:1fr}.main{padding:24px}}@media (max-width:768px){.app-shell{flex-direction:column;min-height:auto}.mobile-topbar{background:var(--ink);color:#fff;z-index:50;box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-topbar .title{font-size:14.5px;font-weight:700}.hamburger{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;padding:7px 11px;font-size:16px;line-height:1}.sidebar-backdrop{z-index:60;background:#0a0e1280;display:block;position:fixed;inset:0}.sidebar{z-index:70;width:250px;max-width:82vw;height:100vh;box-shadow:var(--shadow-lg);border-radius:0 16px 16px 0;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.main{padding:18px}h2.pagetitle{font-size:18px}.panel{padding:16px}.fieldrow{grid-template-columns:1fr;gap:0}.hist-search-grid{grid-template-columns:1fr}.cat-add-grid{grid-template-columns:1fr 1fr}.cat-add-grid button{grid-column:1/-1}.hist-row{grid-template-columns:1fr;gap:6px;padding:14px 10px}.editbanner{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:480px){.item-row{grid-template-columns:1fr 1fr;grid-template-areas:"name name""price qty""importe del";align-items:center}.item-row .f-importe{text-align:left;padding-top:0}.btn.small{padding:7px 11px;font-size:12.5px}.actionsbar{flex-direction:column;align-items:stretch}.actionsbar .btn{text-align:center}table.datatable{font-size:12px}}table.datatable td.cell-ell{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.hist-actions .btn{align-items:center;line-height:1.2;display:inline-flex}.cat-item{border-bottom:1px solid #eef0f1;padding:10px 0}.cat-item:last-child{border-bottom:none}.cat-row{grid-template-columns:32px minmax(140px,1fr) 112px 100px 92px 32px;align-items:center;gap:8px;display:grid}.cat-row .field{margin-bottom:0}.star-btn{all:unset;box-sizing:border-box;text-align:center;border:1px solid var(--line);width:28px;height:28px;color:var(--line);cursor:pointer;border-radius:50%;font-size:15px;line-height:26px;transition:color .15s,border-color .15s}.star-btn:hover{border-color:var(--amber);color:var(--amber)}.star-btn.is-fav{color:var(--amber);border-color:var(--amber)}.star-btn:disabled{opacity:.4;cursor:default}.cat-active-toggle{color:var(--steel);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.cat-active-toggle input{width:auto}.cat-detail{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);margin:10px 0 4px 40px;padding:14px 16px}.cat-specs-row{grid-template-columns:1fr 1fr 30px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.cat-detail-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px;display:grid}@media (max-width:768px){.cat-detail-grid,.cat-row{grid-template-columns:1fr}.cat-detail{margin-left:0}}