*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#1a1a1a;background:#f4f5f7;min-width:320px;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}#root{min-height:100vh}a{color:inherit}button,input,select{font:inherit}code{background:#eef0f3;border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.layout{background:#fff;flex-direction:column;max-width:960px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 0 1px #e8eaed}.topbar{color:#f8fafc;z-index:10;background:#0f172a;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.topbar__brand{flex:1;align-items:baseline;gap:.5rem;min-width:0;display:flex}.topbar__title{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.topbar__tag{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:.7rem}.topbar__toggle{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;padding:.35rem .75rem}.topbar__nav{flex-direction:column;gap:.25rem;width:100%;padding-top:.25rem;display:none}.topbar__nav--open{display:flex}.nav-link{color:#e2e8f0;border-radius:8px;padding:.55rem .75rem;text-decoration:none;display:block}.nav-link--active,.nav-link:hover{color:#fff;background:#ffffff1f}@media (width>=640px){.topbar__toggle{display:none}.topbar__nav{flex-direction:row;gap:.15rem;width:auto;padding-top:0;display:flex}}.main{flex:1;padding:1rem}.footer{color:#64748b;background:#fafafa;border-top:1px solid #e5e7eb;padding:.75rem 1rem;font-size:.8rem}.page__header{margin-bottom:1rem}.page__header h1{margin:0;font-size:1.35rem}.muted{color:#64748b;margin:.25rem 0 0}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem}.empty{color:#64748b;padding:1.5rem 0}.placeholder{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.btn{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;padding:.5rem .9rem;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{color:#fff;background:#2563eb;border-color:#2563eb}.btn--primary:hover:not(:disabled){background:#1d4ed8}.filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem;padding:.9rem;display:grid}.field{color:#475569;flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.field input,.field select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.5rem .65rem}.filters__actions{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}@media (width>=480px){.filters{grid-template-columns:1fr 1fr}.field--grow,.filters__actions{grid-column:1/-1}}@media (width>=768px){.filters{grid-template-columns:repeat(3,1fr)}}.table-wrap{border:1px solid #e2e8f0;border-radius:12px;display:none;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:.65rem .75rem}.data-table th{color:#334155;text-transform:uppercase;letter-spacing:.03em;background:#f1f5f9;font-size:.8rem;font-weight:600}.data-table__row{cursor:pointer}.data-table__row:hover,.data-table__row:focus{background:#eff6ff;outline:none}.order-cards{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.order-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:.85rem 1rem}.order-card:hover,.order-card:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 3px #2563eb1f}.order-card__top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.order-card__meta{color:#64748b;flex-wrap:wrap;gap:.35rem .75rem;font-size:.85rem;display:flex}@media (width>=720px){.table-wrap{display:block}.order-cards{display:none}}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.pager__btns{gap:.5rem;display:flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.badge--muted{color:#334155;background:#e2e8f0}.badge--info{color:#1e40af;background:#dbeafe}.badge--warn{color:#92400e;background:#fef3c7}.badge--accent{color:#5b21b6;background:#ede9fe}.badge--ok{color:#166534;background:#dcfce7}.catalog-grid{gap:1rem;display:grid}@media (width>=640px){.catalog-grid{grid-template-columns:1fr 1fr}}.catalog-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.catalog-panel h2{margin:0 0 .75rem;font-size:1rem}.simple-list{margin:0;padding:0;list-style:none}.simple-list li{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.55rem 0;display:flex}.simple-list li:last-child{border-bottom:none}.pill{color:#3730a3;background:#eef2ff;border-radius:999px;padding:.1rem .5rem;font-size:.72rem}.pill--muted{color:#64748b;background:#f1f5f9}.page__header--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1rem;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.orden-form{flex-direction:column;gap:1rem;display:flex}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:.9rem 1rem 1rem}.form-card legend,.form-card__title{color:#0f172a;padding:0 .25rem;font-size:.95rem;font-weight:650}.form-card__intro{margin:0 0 .75rem;font-size:.85rem}.form-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=480px){.form-grid{grid-template-columns:1fr 1fr}.field--full{grid-column:1/-1}}.field textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.5rem .65rem}.field select:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.field-hint{color:#64748b;font-size:.75rem}.field--check{flex-direction:row;align-items:center;gap:.5rem}.field--check input{width:auto}.curva-rows{flex-direction:column;gap:.65rem;margin-bottom:.75rem;display:flex}.curva-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:.5rem;display:grid}.form-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn--ghost{color:#64748b;background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.hint-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:0;padding:.65rem .9rem;font-size:.9rem}.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.75rem 1rem}.detail-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:.55rem .75rem;margin-bottom:1rem;padding:.85rem 1rem;display:grid}@media (width>=640px){.detail-summary{grid-template-columns:repeat(3,1fr)}}.detail-kv{flex-direction:column;gap:.15rem;min-width:0;display:flex}.detail-kv span{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.72rem}.detail-kv strong{word-break:break-word;font-size:.95rem;font-weight:600}.curva-summary{flex-wrap:wrap;gap:.4rem .75rem;margin:0;padding:0;list-style:none;display:flex}.curva-summary li{background:#f1f5f9;border-radius:999px;gap:.4rem;padding:.2rem .65rem;font-size:.85rem;display:inline-flex}.pipeline{margin-top:1rem}.pipeline__title{margin:0 0 .25rem;font-size:1.05rem}.pipeline__intro{margin:0 0 .85rem;font-size:.85rem}.etapa-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.etapa-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #cbd5e1;border-radius:12px;padding:.85rem 1rem}.etapa-card--pending{border-left-color:#94a3b8}.etapa-card--active{background:#f8fbff;border-left-color:#2563eb}.etapa-card--done{border-left-color:#16a34a}.etapa-card--omit{opacity:.92;border-left-color:#a855f7}.etapa-card__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;display:flex}.etapa-card__seq{color:#64748b;font-size:.85rem}.etapa-card__meta{color:#64748b;flex-wrap:wrap;gap:.3rem .75rem;margin-top:.45rem;font-size:.82rem;display:flex}.etapa-card__actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.badge--etapa{text-transform:none}.badge--pendiente{color:#334155;background:#e2e8f0}.badge--enproceso{color:#1e40af;background:#dbeafe}.badge--finalizada{color:#166534;background:#dcfce7}.badge--omitida{color:#6b21a8;background:#f3e8ff}.avance-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.65rem;width:100%;padding:.75rem;display:flex}.avance-form__dates,.avance-form__row{grid-template-columns:1fr;gap:.55rem;display:grid}@media (width>=400px){.avance-form__dates,.avance-form__row{grid-template-columns:1fr 1fr}}@media (width>=640px){.avance-form__dates{grid-template-columns:repeat(3,1fr)}}.login-page form{gap:.75rem;display:grid}.login-page input,.login-page button{padding:.65rem}.login-page [role=alert]{color:#b91c1c}.login-page{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:400px;margin:10vh auto;padding:1.5rem}