:root{--bg:#f6f5f2;--card:#fff;--ink:#2e2e2e;--ink-2:#4f4f4f;--muted:#6e6e6e;--muted-soft:#7a7a7a;--line:#ededed;--line-2:#f4f3f0;--field:#dcdad5;--soft:#faf9f7;--brand:#e89800;--brand-ink:#9a5f00;--brand-soft:#fdd07d;--brand-tint:#fff4dc;--brand-line:#f5dca6;--grey-bar:#e2dfd9;--green:#23784b;--green-soft:#e8f5ee;--red:#c0392b;--red-soft:#fdecea;--amber:#9a5f00;--amber-soft:#fff4dc;--blue:#2563a8;--blue-soft:#e9f1fb;--violet:#6a42b5;--violet-soft:#f1ecfb;--dark:#2e2e2e;--dark-2:#474747;--radius:20px;--radius-sm:12px;--shadow:0 1px 2px #1e180a0a, 0 10px 30px #1e180a0d;--shadow-hover:0 2px 4px #1e180a0d, 0 14px 36px #1e180a17;--ring:0 0 0 3px #e8980059;--font:"General Sans", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(900px 500px at 100% -10%, #fff1d6 0%, #fff1d600 70%), radial-gradient(700px 500px at -10% 110%, #fff6e6 0%, #fff6e600 70%), var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:14px;line-height:1.5;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:var(--brand-ink);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--dark);outline-offset:2px}h1{letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:30px;font-weight:500;line-height:1.15;display:flex}h2{letter-spacing:-.005em;margin:0;font-size:16px;font-weight:500}h3.sub{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 6px;font-size:12px;font-weight:600}p{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:12.5px}.hint{color:var(--muted);margin-top:3px;font-size:12px;font-weight:400;display:block}.mono{font-family:var(--mono);font-size:12.5px}.strong{font-weight:600}.neg{color:var(--red)}.pos{color:var(--green)}.nowrap{white-space:nowrap}.r{text-align:right}.loading{color:var(--muted);margin:0;padding:16px 0}.links{margin-top:10px}.lucide{flex-shrink:0;display:block}.logo{color:var(--ink);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:0;font-size:19px;font-weight:600;display:inline-flex;text-decoration:none!important}.logo:before{content:"";background:var(--brand);border-radius:5px;flex-shrink:0;width:18px;height:18px;margin-right:8px;box-shadow:inset -5px -5px #9a5f0038}.logo span{color:var(--muted);font-weight:500}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:30;-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);background:#f6f5f2d6;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:16px;padding:14px 24px;display:grid;position:sticky;top:0}.topnav{min-width:0;max-width:100%}.topnav-track{background:var(--card);box-shadow:var(--shadow);scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:999px;gap:2px;padding:5px;display:flex;overflow-x:auto}.topnav-track::-webkit-scrollbar{display:none}.topnav a{color:var(--ink);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:500;display:inline-flex}.topnav a:hover{background:var(--line-2);text-decoration:none}.topnav a.on{background:var(--brand-soft);color:var(--ink)}.topnav a:focus-visible{outline-offset:-2px}.tools{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.dte-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}.dte-badge.pruebas{color:var(--brand-ink);background:var(--brand-tint);border-color:var(--brand-line)}.dte-badge.preparacion{color:var(--blue);background:var(--blue-soft);border-color:#c9dcf1}.dte-badge.produccion{color:var(--red);background:var(--red-soft);border-color:#f2c7c1}.icon-btn{background:var(--card);width:40px;height:40px;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{box-shadow:var(--shadow-hover);text-decoration:none}.dot-badge{background:var(--brand);min-width:19px;height:19px;color:var(--ink);border:2px solid var(--bg);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.user-menu{position:relative}.user-menu summary{cursor:pointer;border-radius:50%;list-style:none;display:block}.user-menu summary::-webkit-details-marker{display:none}.avatar{background:var(--dark);color:#fff;letter-spacing:.02em;width:40px;height:40px;box-shadow:0 0 0 3px #fff, var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:13.5px;font-weight:600;display:inline-flex}.user-menu .menu{box-shadow:var(--shadow-hover);border:1px solid var(--line);z-index:40;background:#fff;border-radius:16px;flex-direction:column;width:280px;max-width:calc(100vw - 32px);padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.user-menu .menu a,.user-menu .menu>button{color:var(--ink);text-align:left;font-weight:500;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px}.user-menu .menu a:hover,.user-menu .menu>button:hover{background:var(--line-2);text-decoration:none}.menu-info{border-bottom:1px solid var(--line);overflow-wrap:anywhere;flex-direction:column;gap:1px;margin-bottom:4px;padding:8px 12px 10px;font-size:13px;display:flex}.menu-info>span:last-child{margin-top:6px}.menu-company{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;margin-bottom:4px;padding:6px 12px 10px;display:flex}.menu-company .label{color:var(--muted);font-size:12px;font-weight:500}.menu-company .company-pill{width:100%;box-shadow:none}.company-pill{background:var(--card);border:1px solid var(--line);min-height:40px;box-shadow:var(--shadow);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:0 14px;display:inline-flex;position:relative}.company-pill select{min-height:38px;color:var(--ink);appearance:none;cursor:pointer;z-index:1;text-overflow:ellipsis;background:0 0;border:0;flex:1;width:auto;min-width:0;margin-right:-24px;padding:0 24px 0 0;font-weight:500;position:relative}.company-pill select:focus{box-shadow:none;outline:none}.company-pill:focus-within{box-shadow:var(--ring);border-color:var(--dark)}.company-pill .company-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.body{flex:1;align-items:flex-start;gap:20px;width:100%;max-width:1560px;margin:0 auto;padding:8px 24px 32px;display:flex}.rail{flex-direction:column;flex-shrink:0;justify-content:space-between;gap:24px;width:52px;min-height:calc(100vh - 120px);display:flex;position:sticky;top:88px}.rail-group{flex-direction:column;align-items:center;gap:8px;display:flex}.rail-btn{width:40px;height:40px;color:var(--ink-2);cursor:pointer;font:inherit;background:0 0;border:1px solid #e3e1dc;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.rail-btn:hover{background:var(--card);color:var(--ink);box-shadow:var(--shadow);text-decoration:none}.rail-btn.on{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--ink)}.rail-tip{background:var(--dark);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:35;border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:500;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.rail-btn:hover .rail-tip,.rail-btn:focus-visible .rail-tip{opacity:1}.content{flex-direction:column;flex:1;gap:18px;min-width:0;display:flex}.wrap{padding:12px 24px 0}.narrow{max-width:560px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:6px;display:flex}.page-head p{max-width:820px;margin:6px 0 0}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #edededcc;min-width:0;padding:20px 22px;position:relative}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.card>.table-wrap:first-child{margin-top:0}.card-title{color:var(--ink-2);margin:0;font-size:14px;font-weight:500}.grid-main{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:20px;display:grid}.grid-main>.card:only-child{grid-column:1/-1}.margin-box{background:linear-gradient(180deg, var(--brand-tint) 0, #fff 90px)}.tabs{scrollbar-width:none;background:var(--card);box-shadow:var(--shadow);border-radius:999px;flex-wrap:nowrap;align-self:flex-start;gap:2px;max-width:100%;padding:5px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs a{color:var(--ink);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:7px 15px;font-weight:500}.tabs a:hover{background:var(--line-2);text-decoration:none}.tabs a.on{background:var(--brand-soft);color:var(--ink)}.tabs a:focus-visible{outline-offset:-2px}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);border:1px solid #edededcc;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.stat>.muted:first-child{color:var(--ink-2);font-size:13.5px;font-weight:500}.stat strong{letter-spacing:-.03em;font-size:32px;font-weight:500;line-height:1.15}.stat .foot{color:var(--muted);font-size:12.5px;font-weight:400}.stat.link:hover{box-shadow:var(--shadow-hover);text-decoration:none}.stat.warn{background:linear-gradient(#fff6f4 0,#fff 70%)}.kv{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px 18px;margin:0 0 14px;display:grid}.kv div{min-width:0}.kv dt{color:var(--muted);font-size:12px}.kv dd{overflow-wrap:anywhere;margin:2px 0 0;font-weight:500}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;width:100%;margin:6px 0 10px;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:13.5px}.tbl th{text-align:left;color:var(--muted);background:var(--soft);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px;font-size:12.5px;font-weight:500}.tbl td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:12px}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover td{background:#fcfbf8}.tbl tr.top td{vertical-align:top}.tbl tr.click{cursor:pointer}.tbl tr.warn-row td{background:#fffaf0}.tbl tr.hl-row td{background:var(--brand-tint)}.tbl tr.dim-row td{opacity:.55}.tbl tfoot td{border-top:1px solid var(--line);background:var(--soft);padding:12px}.tbl td.empty{text-align:center;color:var(--muted);padding:28px 10px}.tbl td input:not([type=checkbox]):not([type=radio]),.tbl td select{min-width:120px}.tbl td .with-suffix{min-width:130px}.tbl .chip+.chip{margin-left:4px}.chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;margin:1px 0;padding:2px 10px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.chip.grey{background:var(--line-2);color:var(--ink-2);border-color:var(--line)}.chip.green{background:var(--green-soft);color:var(--green);border-color:#c4e3d0}.chip.blue{background:var(--blue-soft);color:var(--blue);border-color:#c9dcf1}.chip.amber{background:var(--brand-tint);color:var(--brand-ink);border-color:var(--brand-line)}.chip.red{background:var(--red-soft);color:var(--red);border-color:#f2c7c1}.chip.violet{background:var(--violet-soft);color:var(--violet);border-color:#ddd0f3}.chip.dark{background:var(--dark);color:#fff}.btn{font:inherit;cursor:pointer;border:1px solid var(--field);background:var(--card);color:var(--ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 18px;font-size:13.5px;font-weight:500;transition:background .12s,box-shadow .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--soft);border-color:#c9c6bf}.btn:focus-visible{outline:2px solid var(--dark);outline-offset:2px;box-shadow:var(--ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--dark);border-color:var(--dark);color:#fff;box-shadow:0 2px 8px #2e2e2e2e}.btn.primary:hover:not(:disabled){background:var(--dark-2);border-color:var(--dark-2)}.btn.dark{background:var(--dark);border-color:var(--dark);color:#fff}.btn.dark:hover:not(:disabled){background:var(--dark-2)}.btn.danger{color:var(--red);background:#fff;border-color:#eab8b1}.btn.danger:hover:not(:disabled){background:var(--red-soft);border-color:#e3a49b}.btn.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--line-2);border-color:#0000}.btn.sm{min-height:30px;padding:4px 12px;font-size:12.5px}a.btn{color:var(--ink);text-decoration:none!important}a.btn.primary{color:#fff}.linklike{color:var(--brand-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.linklike:hover{text-decoration:underline}input,select,textarea{font:inherit;color:var(--ink);border:1px solid var(--field);background:#fff;border-radius:12px;width:100%;max-width:100%;min-height:40px;padding:8px 12px;transition:border-color .12s,box-shadow .12s}input:hover,select:hover,textarea:hover{border-color:#c6c3bc}input:focus,select:focus,textarea:focus{border-color:var(--dark);box-shadow:var(--ring);outline:none}input:disabled,select:disabled{background:var(--soft);color:var(--muted)}input[type=checkbox],input[type=radio]{width:17px;height:17px;min-height:0;accent-color:var(--dark);flex-shrink:0;margin:0}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:none}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--dark);outline-offset:2px}textarea{resize:vertical}.actions input,.actions select,.search{width:auto;min-width:160px}.search{border-radius:999px;padding-left:16px}.form{flex-direction:column;gap:14px;display:flex}.form.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid}.form .wide,.grid2>.wide{grid-column:1/-1}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field .label{color:var(--ink-2);font-size:13px;font-weight:500}.check{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:inline-flex}.radio-row{flex-wrap:wrap;gap:18px;display:flex}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-form input,.inline-form select{width:auto}.with-suffix{border:1px solid var(--field);background:#fff;border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.with-suffix:focus-within{border-color:var(--dark);box-shadow:var(--ring)}.with-suffix input{border:0;border-radius:0;flex:1;min-width:0;box-shadow:none!important;outline:none!important}.with-suffix .suffix,.with-suffix .prefix{background:var(--soft);color:var(--ink-2);align-items:center;padding:0 10px;font-size:12.5px;font-weight:500;display:flex}.with-suffix .prefix{color:var(--muted);background:#fff;padding-right:4px}.suffix-btn{border:0;border-left:1px solid var(--field);background:var(--soft);font:inherit;cursor:pointer;padding:0 12px;font-weight:500}.qty-input{flex-direction:column;display:flex}.bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:16px;margin-top:10px;padding-top:10px;display:flex}.bar .field{min-width:220px}.stack{flex-direction:column;gap:8px;margin:10px 0;display:flex}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.perm-grid fieldset{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:6px;margin:0;padding:8px 12px 10px;display:flex}.perm-grid legend{padding:0 4px;font-size:13px;font-weight:600}.perm-grid .check{align-items:flex-start;font-size:13px}.perm-grid .check .mono{font-size:11px}.alert{border:1px solid;border-radius:12px;padding:11px 14px;font-weight:500}.alert.error{background:var(--red-soft);color:#8f2318;border-color:#f2c7c1}.alert.warn{background:var(--brand-tint);border-color:var(--brand-line);color:#6b4100}.alert.info{background:var(--blue-soft);color:#154a85;border-color:#c9dcf1}.alert.ok{background:var(--green-soft);color:#155f3f;border-color:#c4e3d0}.alert.small{white-space:normal;border-radius:8px;margin-top:4px;padding:4px 8px;font-size:12px}.card>.alert{margin-bottom:10px}.toasts{z-index:100;flex-direction:column;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--dark);color:#fff;text-align:left;border-radius:999px;align-items:center;gap:10px;padding:11px 20px 11px 16px;font-weight:500;display:flex;box-shadow:0 10px 30px #1e180a40}.toast:before{content:"";background:var(--brand);border-radius:50%;flex-shrink:0;width:8px;height:8px}.modal-back{z-index:60;background:#2e2e2e52;justify-content:center;align-items:flex-start;padding:6vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:560px;max-height:88vh;display:flex;box-shadow:0 24px 70px #1e180a40}.modal.wide{max-width:920px}.modal-head{justify-content:space-between;align-items:center;gap:10px;padding:20px 24px 12px;display:flex}.modal-head h2{font-size:18px;font-weight:500}.modal-head .x{background:var(--line-2);cursor:pointer;width:34px;height:34px;color:var(--ink-2);border:0;border-radius:50%;flex-shrink:0;padding:0;font-size:20px;line-height:1}.modal-head .x:hover{background:var(--line);color:var(--ink)}.modal-body{flex-direction:column;gap:12px;padding:8px 24px 18px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 24px;display:flex}.dialog-msg p{margin:0 0 8px}.auth-page{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:32px 16px;display:flex}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.auth-brand .logo{font-size:30px}.auth-brand .logo:before{border-radius:7px;width:26px;height:26px}.auth-card{width:100%;max-width:440px;padding:26px}.auth-switch{text-align:center;color:var(--muted);margin:14px 0 0}.code-input{font-family:var(--mono);letter-spacing:.3em;text-align:center;font-size:22px}.secret,.otpauth{font-family:var(--mono);background:var(--soft);border:1px dashed var(--field);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:12px;padding:10px 12px;display:block}.secret{letter-spacing:.08em;font-size:17px;font-weight:700}.otpauth{font-size:12px}.steps{flex-direction:column;gap:6px;margin:0 0 14px;padding-left:20px;display:flex}.checklist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checklist li{border-bottom:1px solid var(--line-2);align-items:flex-start;gap:12px;padding:11px 6px;display:flex}.checklist li:last-child{border-bottom:0}.checklist .n{background:var(--line-2);width:28px;height:28px;color:var(--ink-2);border:1px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.checklist li.done .n{background:var(--dark);color:#fff;border-color:var(--dark)}.checklist li.next .n{background:var(--brand-soft);color:var(--ink);border-color:var(--brand)}.checklist li.next{background:var(--brand-tint);border-radius:12px}.checklist li.locked{opacity:.6}.checklist .t{flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.checklist .txt{min-width:0}.flow-card{padding:0}.flow-card>summary{cursor:pointer;border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;list-style:none;display:flex}.flow-card>summary::-webkit-details-marker{display:none}.flow-card>summary:hover{background:var(--soft)}.flow-sum{flex-direction:column;gap:2px;min-width:0;display:flex}.flow-sum .card-title{color:var(--ink);font-size:15px}.flow-toggle{border:1px solid var(--field);background:#fff;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500}.flow-body{padding:0 22px 18px}.json summary{cursor:pointer;color:var(--brand-ink);white-space:nowrap;font-weight:500}.json pre{font-family:var(--mono);background:var(--soft);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:10px;max-width:420px;max-height:320px;margin:6px 0 0;padding:8px;font-size:11.5px;overflow:auto}.nav-badge{background:var(--dark);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.task-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.task-list>.empty{text-align:center;padding:18px 4px}.task{border:1px solid var(--line);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px 14px 18px;display:flex;position:relative}.task:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}.task.overdue{background:#fffaf9}.task.overdue:before{background:var(--red)}.task.closed{opacity:.8}.task.closed:before{background:var(--line)}.task-main{flex-direction:column;flex:320px;gap:4px;min-width:0;display:flex}.task-title{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.task-detail{white-space:pre-wrap;color:var(--ink-2);overflow-wrap:anywhere;margin:0}.task-contact{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.task-result{overflow-wrap:anywhere;font-size:13px}.task-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.today-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.today-list li{border-bottom:1px solid var(--line-2);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:9px 2px;display:flex}.today-list li:last-child{border-bottom:0}.today-list .hint{flex-basis:100%;margin:0}.integ-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));align-items:start;gap:20px;display:grid}.integ-card .card-head h2{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mode-pick{border:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;min-width:0;margin:0;padding:0;display:grid}.mode-pick legend{color:var(--ink-2);margin-bottom:6px;padding:0;font-size:13px;font-weight:500}.mode-opt{border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:flex-start;gap:8px;min-width:0;padding:10px 12px;display:flex}.mode-opt input{margin-top:2px}.mode-opt.on.preparacion{background:var(--blue-soft);border-color:#c9dcf1}.mode-opt.on.pruebas{border-color:var(--brand-line);background:var(--brand-tint)}.mode-opt.on.produccion{background:var(--red-soft);border-color:#f2c7c1}.integ-more{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.integ-more summary{cursor:pointer;color:var(--brand-ink);font-weight:500}.integ-more .steps{margin:10px 0 4px}.webhook{flex-direction:column;gap:6px;margin-top:12px;display:flex}.webhook .label{color:var(--ink-2);font-size:13px;font-weight:500}.webhook .inline-form{flex-wrap:nowrap}.webhook code{flex:1;min-width:0}.err-cell{white-space:normal;overflow-wrap:anywhere;color:#8f2318;min-width:180px;max-width:360px;font-size:13px}.job-detail td{background:var(--soft)!important}.json-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.json-grid .label{color:var(--muted);font-size:12px;font-weight:500}.json-grid pre{font-family:var(--mono);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:10px;max-height:360px;margin:4px 0 0;padding:8px;font-size:11.5px;overflow:auto}.ship-info{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;display:flex}.thumb{border:1px solid var(--line);vertical-align:middle;background:#fff;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex;overflow:hidden}.thumb img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}button.thumb{cursor:zoom-in;font:inherit;min-height:0}button.thumb:hover{border-color:#d3d0ca;box-shadow:0 1px 4px #1e180a14}button.thumb:focus-visible{outline:2px solid var(--dark);outline-offset:1px}.thumb.empty{background:var(--line-2);color:var(--muted);flex-direction:column;gap:6px}.thumb-ini{letter-spacing:.02em;color:#77736c;font-weight:600}.thumb-txt{font-size:12.5px;font-weight:500}.item-cell{vertical-align:middle;align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.item-cell-txt{overflow-wrap:anywhere;min-width:0}.item-cell-txt .mono{margin-right:4px}.select-thumb{align-items:center;gap:8px;min-width:0;display:flex}.select-thumb select{flex:1;min-width:0}.tbl td .select-thumb select{min-width:140px}td.thumb-col,th.thumb-col{width:1%;padding-right:0}.head-thumb{align-items:center;gap:12px;min-width:0;display:inline-flex}.lightbox{z-index:90;cursor:zoom-out;background:#1e1c18d1;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.lightbox figure{cursor:default;flex-direction:column;align-items:center;gap:10px;max-width:100%;max-height:100%;margin:0;display:flex}.lightbox img{object-fit:contain;background:#fff;border-radius:16px;max-width:min(92vw,1000px);max-height:80vh;box-shadow:0 20px 60px #00000059}.lightbox figcaption{color:#fff;text-align:center;overflow-wrap:anywhere;max-width:92vw;font-weight:500}.lightbox-x{width:40px;height:40px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);background:#fff;border:0;border-radius:999px;font-size:24px;line-height:1;position:absolute;top:12px;right:12px}.lightbox-x:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.photo-edit{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.photo-drop{border:2px dashed #0000;border-radius:18px;padding:4px;transition:border-color .12s,background .12s}.photo-drop.over{border-color:var(--brand);background:var(--brand-tint)}.photo-side{flex-direction:column;flex:200px;gap:8px;min-width:0;display:flex}.photo-side .actions{width:auto}.progress,.meter{background:var(--line-2);border-radius:999px;width:100%;height:6px;display:block;overflow:hidden}.progress{max-width:240px}.progress>span,.meter>span{background:var(--brand);border-radius:999px;height:100%;transition:width .2s;display:block}.meter.warn>span{background:var(--red)}.filter-check{white-space:nowrap;font-size:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.actions .select-thumb{flex:0 auto}.actions .select-thumb select{min-width:160px}.dash{flex-direction:column;gap:20px;display:flex}.dash-hero{grid-template:"intro art""side art"1fr/minmax(300px,380px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.dash-intro{flex-direction:column;grid-area:intro;align-items:flex-start;gap:14px;padding-top:8px;display:flex}.dash-intro p{margin:0}.dash-title{letter-spacing:-.035em;font-size:44px;font-weight:400;line-height:1.05}.dash-side{flex-direction:column;grid-area:side;gap:20px;min-width:0;display:flex}.hero-art{background:var(--line-2);min-width:0;min-height:520px;box-shadow:var(--shadow);border-radius:24px;grid-area:art;align-self:stretch;margin:0;position:relative;overflow:hidden}.hero-photo{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-art.has-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#1e14082e 100%);position:absolute;inset:0}.hero-art.empty{background:linear-gradient(160deg, #fffaf0 0%, var(--brand-tint) 55%, #fbe7bf 100%);border:1px dashed var(--brand-line);box-shadow:none}.hero-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 24px 120px;display:flex;position:absolute;inset:0}.hero-empty strong{letter-spacing:-.02em;font-size:20px;font-weight:500}.hero-empty .muted{max-width:340px}.hero-empty .btn{margin-top:8px}.hero-empty-ico{width:64px;height:64px;color:var(--brand-ink);box-shadow:var(--shadow);background:#fff;border-radius:20px;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.hero-change{z-index:2;font:inherit;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 6px 18px #1e14081f}.hero-change:hover:not(:disabled){background:#fff}.hero-change:disabled{opacity:.8;cursor:progress}.hero-err{z-index:3;position:absolute;top:60px;left:16px;right:16px}.hero-chips{margin:0;padding:0;list-style:none}.float-chip{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbd;border:1px solid #ffffffe6;border-radius:16px;flex-direction:column;gap:1px;max-width:260px;padding:10px 14px;display:flex;position:absolute;box-shadow:0 8px 24px #1e140824}.float-chip .fc-title{color:var(--ink-2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.float-chip strong{letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere;font-size:18px;font-weight:500}.float-chip.pos-0{top:16px;right:16px}.float-chip.pos-1{bottom:16px;left:16px}.float-chip.pos-2{bottom:16px;right:16px}.live-dot{background:var(--brand);border-radius:50%;width:8px;height:8px;animation:1.8s infinite live;box-shadow:0 0 #e8980099}@keyframes live{0%{box-shadow:0 0 #e8980099}70%{box-shadow:0 0 0 8px #e8980000}to{box-shadow:0 0 #e8980000}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}.dash-row{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.dash-row>:only-child{grid-column:1/-1}.dcard-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.arrow-btn{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-2);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:inline-flex}a.arrow-btn:hover{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--ink);text-decoration:none}.big-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.big-num{letter-spacing:-.035em;font-size:40px;font-weight:500;line-height:1.1}.delta{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.delta.up{color:var(--green);background:var(--green-soft)}.delta.down{color:var(--red);background:var(--red-soft)}.delta.flat,.delta.none{color:var(--ink-2);background:var(--line-2);font-weight:500}.sales-card .muted.small{margin:6px 0 14px}.chart-empty{text-align:center;color:var(--muted);background:var(--soft);border-radius:14px;margin:0;padding:36px 12px}.chart{flex-direction:column;gap:10px;display:flex}.chart-legend{color:var(--ink-2);flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.sw{border-radius:3px;flex-shrink:0;width:10px;height:10px;display:inline-block}.sw.cur{background:var(--brand)}.sw.prev{background:var(--grey-bar)}.chart-area{gap:8px;display:flex}.chart-y{height:200px;color:var(--muted);text-align:right;flex-direction:column;justify-content:space-between;min-width:44px;font-size:11px;display:flex;transform:translateY(-6px)}.chart-y span{line-height:12px}.chart-plot-wrap{flex:1;min-width:0}.chart-plot{cursor:crosshair;border-radius:8px;height:200px;position:relative}.chart-plot:focus-visible{outline:2px solid var(--dark);outline-offset:4px}.chart-plot svg{width:100%;height:100%;display:block;overflow:visible}.chart-plot .grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 4}.chart-plot .band{fill:#e8980017}.chart-plot .bar.prev{fill:var(--grey-bar)}.chart-plot .bar.cur{fill:var(--brand)}.chart-x{margin-top:6px;display:flex}.chart-x span{text-align:center;min-width:0;color:var(--muted);white-space:nowrap;flex:1 1 0;font-size:11px;overflow:hidden}.chart-x span.on{color:var(--ink);font-weight:600}.chart-tip{border:1px solid var(--line);box-shadow:var(--shadow-hover);pointer-events:none;white-space:nowrap;z-index:2;background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:8px 12px;font-size:12.5px;display:flex;position:absolute;top:4px;transform:translate(-50%)}.chart-tip[data-edge=start]{transform:translate(-12%)}.chart-tip[data-edge=end]{transform:translate(-88%)}.chart-tip span{align-items:center;gap:6px;display:inline-flex}.tip-title{color:var(--ink);font-weight:600}.top-list,.re-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.top-list li{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:10px 0;display:flex}.top-list li:last-child,.re-list li:last-child{border-bottom:0}.rank{text-align:center;width:18px;color:var(--muted);flex-shrink:0;font-size:12.5px;font-weight:600}.top-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.top-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.top-main .meter{max-width:160px;height:5px}.top-val{white-space:nowrap;font-weight:500}.re-list li{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.re-main{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.kpis{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.kpi{border-radius:var(--radius);height:100%;color:var(--ink);box-shadow:var(--shadow);background:#fff;border:1px solid #edededcc;flex-direction:column;gap:8px;padding:18px 20px;transition:box-shadow .15s,transform .15s;display:flex}.kpi:hover{box-shadow:var(--shadow-hover);text-decoration:none;transform:translateY(-1px)}.kpi:hover .arrow-btn{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--ink)}.kpi-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.kpi-v{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:34px;font-weight:500;line-height:1.1}.kpi-foot{color:var(--muted);margin-top:auto;font-size:12.5px}.kpi.warn .kpi-v{color:var(--red)}@media (prefers-reduced-motion:reduce){.kpi,.kpi:hover{transition:none;transform:none}}@media (width<=1180px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.dte-badge{display:none}.dash-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""art""side"}.dash-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;display:grid}.hero-art{min-height:440px}}@media (width<=1100px){.grid-main,.dash-row{grid-template-columns:minmax(0,1fr)}}@media (width<=820px){.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo tools""nav nav";gap:10px;padding:10px 16px}.topbar .logo{grid-area:logo}.tools{grid-area:tools}.topnav{grid-area:nav}.body{flex-direction:column;gap:12px;padding:4px 16px 24px}.rail{display:none}.content{gap:14px;width:100%}.form.grid2{grid-template-columns:minmax(0,1fr)}.card{padding:16px}.actions{width:100%}.card-head .actions>*{flex:auto}.actions input,.actions select,.search{flex:140px;min-width:0}.modal-back{align-items:stretch;padding:0}.modal{border-radius:0;max-height:100vh;max-width:100%!important}h1{font-size:24px}.dash-title{font-size:34px}.stat strong{font-size:26px}.big-num{font-size:30px}.kpi-v{font-size:26px}.bar{justify-content:stretch}.bar>*{flex:100%}.webhook .inline-form{flex-wrap:wrap}.task-actions{width:100%}.photo-drop{margin:0 auto}.photo-side{flex-basis:100%}.actions .select-thumb{flex:200px}.actions .select-thumb select{min-width:0}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi{padding:14px}.dash-side{flex-direction:column;align-items:stretch;width:100%;display:flex}.dash-side>*,.dash-hero>*{width:100%;min-width:0}.hero-art{min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;gap:10px;display:flex;overflow:visible}.hero-art.has-photo:after{display:none}.hero-photo{height:260px;box-shadow:var(--shadow);border-radius:20px;position:static}.hero-art.empty .hero-empty{border:1px dashed var(--brand-line);background:linear-gradient(160deg, #fffaf0 0%, var(--brand-tint) 100%);border-radius:20px;padding:28px 20px;position:static}.hero-err{position:static}.hero-chips{flex-wrap:wrap;gap:8px;width:100%;display:flex}.float-chip{border-color:var(--line);max-width:none;box-shadow:var(--shadow);background:#fff;flex:140px;position:static}.chart-x span:nth-child(2n){visibility:hidden}.chart-y{min-width:38px}.chart-tip{padding:6px 10px;font-size:12px}}@media (width<=420px){.kpis{grid-template-columns:minmax(0,1fr)}.flow-card>summary{flex-wrap:wrap}}