:root{--bg:#f3f4fb;--surface:#ffffff;--surface-2:#f7f7fc;--ink:#23252f;--muted:#666a7c;--faint:#9a9eb4;--border:#e8e8f2;--border-strong:#d7d8e8;--blue:#5866e0;--violet:#8a34d0;--magenta:#c81fd4;--grad:linear-gradient(130deg,#c81fd4 0%,#8f34d2 48%,#5866e0 100%);--grad-soft:linear-gradient(130deg,#fbe9fb,#ecebfd);--good:#12916a;--good-soft:#e2f5ed;--warn:#b9791a;--warn-soft:#fbefd9;--bad:#d1365a;--bad-soft:#fde7ee;--info:#3f5fe0;--info-soft:#e9edfd;--sidebar:#ffffff;--sidebar-ink:#565a70;--sidebar-border:var(--border);--sb-hover:rgba(20,22,40,.05);--sb-user-bg:#f4f4fb;--shadow:0 1px 2px rgba(35,37,60,.04),0 12px 30px -14px rgba(35,37,60,.14);--radius:16px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e0f1a;--surface:#181a28;--surface-2:#1e2031;--ink:#eceef7;--muted:#a0a4bc;--faint:#6d7192;--border:#282a3c;--border-strong:#393c52;--blue:#8290f2;--violet:#b165ea;--magenta:#e64ce2;--grad-soft:linear-gradient(130deg,#2a1830,#191a33);--good:#4cd7a0;--good-soft:#123528;--warn:#e0a44a;--warn-soft:#33260f;--bad:#ff6b8a;--bad-soft:#3a1622;--info:#7d8bf0;--info-soft:#182142;--sidebar:#14151f;--sidebar-ink:#b9bcd4;--sidebar-border:#242637;--sb-hover:rgba(255,255,255,.06);--sb-user-bg:rgba(255,255,255,.05);--shadow:0 1px 2px rgba(0,0,0,.3),0 14px 34px -16px rgba(0,0,0,.55)}}:root[data-theme=dark]{--bg:#0e0f1a;--surface:#181a28;--surface-2:#1e2031;--ink:#eceef7;--muted:#a0a4bc;--faint:#6d7192;--border:#282a3c;--border-strong:#393c52;--blue:#8290f2;--violet:#b165ea;--magenta:#e64ce2;--grad-soft:linear-gradient(130deg,#2a1830,#191a33);--good:#4cd7a0;--good-soft:#123528;--warn:#e0a44a;--warn-soft:#33260f;--bad:#ff6b8a;--bad-soft:#3a1622;--info:#7d8bf0;--info-soft:#182142;--sidebar:#14151f;--sidebar-ink:#b9bcd4;--sidebar-border:#242637;--sb-hover:rgba(255,255,255,.06);--sb-user-bg:rgba(255,255,255,.05);--shadow:0 1px 2px rgba(0,0,0,.3),0 14px 34px -16px rgba(0,0,0,.55)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3{font-family:Bricolage Grotesque,sans-serif;letter-spacing:-.02em;margin:0}.mono{font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums}.app{display:flex;min-height:100%}.sidebar{width:238px;flex:none;background:var(--sidebar);color:var(--sidebar-ink);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:18px 13px;gap:5px}.sb-brand{display:flex;align-items:center;gap:11px;padding:6px 8px 16px}.sb-brand .logo{width:40px;height:40px;flex:none;display:grid;place-items:center}.sb-brand .logo svg{width:36px;height:36px}.sb-brand b{font-family:Bricolage Grotesque;font-weight:800;font-size:1.15rem;color:var(--ink);letter-spacing:.02em;line-height:1}.sb-brand span{display:block;font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin-top:3px}.sb-sec{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--faint);padding:14px 12px 6px;font-weight:600}.navlink{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:var(--sidebar-ink);font-size:.9rem;font-weight:500;cursor:pointer;transition:.15s;border:0;background:transparent;width:100%;text-align:left}.navlink svg{width:18px;height:18px;flex:none;opacity:.9}.navlink:hover{background:var(--sb-hover);color:var(--ink)}.navlink.active{background:var(--grad);color:#fff;box-shadow:0 6px 16px -7px #8c34d2b3}.navlink.active svg{opacity:1}.navlink .soon{margin-left:auto;font-size:.55rem;letter-spacing:.08em;background:var(--sb-hover);padding:2px 6px;border-radius:6px;text-transform:uppercase;color:var(--faint)}.navlink.active .soon{background:#ffffff38;color:#fff}.sb-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--sb-user-bg)}.sb-user .av{width:34px;height:34px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:700;font-size:.82rem;flex:none}.sb-user .who{min-width:0}.sb-user .who b{color:var(--ink);font-size:.82rem;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user .who span{font-size:.68rem;color:var(--muted);text-transform:capitalize}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:14px 26px;display:flex;align-items:center;gap:14px}.topbar h1{font-size:1.3rem;font-weight:700}.topbar .sub{color:var(--muted);font-size:.82rem}.topbar .spacer{flex:1}.content{padding:24px 26px 72px;max-width:1240px;width:100%}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.15s}.icon-btn:hover{color:var(--ink);border-color:var(--border-strong)}.icon-btn svg{width:18px;height:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-p{padding:20px}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.kpi{padding:18px 18px 16px;position:relative;overflow:hidden}.kpi .lab{font-size:.74rem;color:var(--muted);font-weight:600;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.kpi .lab .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--grad-soft);color:var(--violet)}.kpi .lab .ic svg{width:16px;height:16px}.kpi .val{font-family:IBM Plex Mono;font-weight:600;font-size:2rem;letter-spacing:-.02em;margin-top:12px;font-variant-numeric:tabular-nums}.kpi .val small{font-size:.9rem;color:var(--faint);font-weight:400}.kpi .foot{font-size:.75rem;color:var(--muted);margin-top:4px}.kpi .foot b{color:var(--good)}.sec-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--faint);font-weight:700;font-family:Bricolage Grotesque;margin:0 0 14px;display:flex;align-items:center;gap:8px}.sec-title:before{content:"";width:16px;height:2px;border-radius:2px;background:var(--grad)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;letter-spacing:.01em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.b-recibido,.b-pendiente,.b-encola{background:var(--warn-soft);color:var(--warn)}.b-diagnostico,.b-diagnóstico,.b-reparando{background:var(--info-soft);color:var(--info)}.b-microsoldadura{background:#efe6fb;color:#7b2fce}.b-esperarefaccion,.b-esperaautorizacion,.b-pausada{background:var(--warn-soft);color:var(--warn)}.b-listo,.b-entregado{background:var(--good-soft);color:var(--good)}.b-cancelado{background:var(--bad-soft);color:var(--bad)}.b-default{background:var(--border);color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:.15s}.pill:hover{border-color:var(--border-strong);color:var(--ink)}.pill.on{background:var(--grad);color:#fff;border-color:transparent}.pill .n{font-family:IBM Plex Mono;opacity:.8}.pill.on .n{opacity:1}.tablewrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:.86rem;min-width:640px}thead th{text-align:left;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr{cursor:pointer;transition:.12s}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:0}td .fol{font-family:IBM Plex Mono;font-size:.78rem;color:var(--muted)}td .cli{font-weight:600}td .num{font-family:IBM Plex Mono;font-variant-numeric:tabular-nums}.search{position:relative;display:flex;align-items:center;min-width:200px}.search svg{position:absolute;left:12px;width:16px;height:16px;color:var(--faint)}.search input{width:100%;font:inherit;font-size:.88rem;padding:9px 12px 9px 34px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink)}.search input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #5866e026}.input{width:100%;font:inherit;font-size:.9rem;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--ink)}.input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #5866e024}label.lbl{display:block;font-size:.8rem;font-weight:600;margin-bottom:6px;color:var(--ink)}.bars{display:flex;align-items:flex-end;gap:7px;height:130px;padding-top:8px}.bars .bar{flex:1;min-width:6px;background:var(--grad);border-radius:6px 6px 3px 3px;position:relative;transition:.2s;opacity:.9}.bars .bar:hover{opacity:1}.bars .bar .tip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:.64rem;font-family:IBM Plex Mono;color:var(--muted);white-space:nowrap;margin-bottom:3px;opacity:0;transition:.15s}.bars .bar:hover .tip{opacity:1}.bars-x{display:flex;gap:7px;margin-top:6px}.bars-x span{flex:1;text-align:center;font-size:.6rem;color:var(--faint);font-family:IBM Plex Mono}.back{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.85rem;font-weight:500;cursor:pointer;border:0;background:none;padding:0;margin-bottom:8px}.back:hover{color:var(--ink)}.dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:.88rem}.dl dt{color:var(--muted)}.dl dd{margin:0;font-weight:500}.insp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.insp{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);font-size:.82rem}.insp .dot{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:none}.insp .dot svg{width:13px;height:13px}.insp.yes .dot{background:var(--good-soft);color:var(--good)}.insp.no .dot{background:var(--bad-soft);color:var(--bad)}.insp.na .dot{background:var(--border);color:var(--faint)}.timeline{display:flex;flex-direction:column;gap:0}.tl{display:flex;gap:12px;padding-bottom:16px;position:relative}.tl:before{content:"";position:absolute;left:7px;top:18px;bottom:0;width:2px;background:var(--border)}.tl:last-child:before{display:none}.tl .mk{width:16px;height:16px;border-radius:50%;background:var(--grad);flex:none;margin-top:2px;z-index:1;border:3px solid var(--surface)}.tl .tx b{font-size:.86rem}.tl .tx span{display:block;font-size:.74rem;color:var(--faint);font-family:IBM Plex Mono}.select{font:inherit;font-size:.86rem;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer}.select:focus{outline:none;border-color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.88rem;padding:10px 18px;border-radius:11px;border:0;cursor:pointer;background:var(--grad);color:#fff;transition:.15s;box-shadow:0 8px 20px -8px #8c34d299}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--border);box-shadow:none}.btn.sm{padding:7px 13px;font-size:.82rem;border-radius:9px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty svg{width:40px;height:40px;color:var(--faint);margin-bottom:10px}.soon-wrap{display:grid;place-items:center;min-height:50vh;text-align:center;gap:14px}.soon-wrap .badge-soon{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);font-weight:700}.soon-wrap h2{font-size:1.6rem}.soon-wrap p{color:var(--muted);max-width:440px;margin:0 auto}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14142873;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto}.modal{background:var(--surface);border-radius:20px;box-shadow:0 30px 70px -20px #0006;width:100%;max-width:560px;margin:auto}.modal-h{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-h h2{font-size:1.1rem;flex:1}.modal-b{padding:22px;display:grid;gap:16px}.modal-f{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--border)}@media(max-width:820px){.sidebar{position:fixed;left:0;top:0;z-index:100;transform:translate(-100%);transition:.25s;box-shadow:0 0 60px #00000059}.sidebar.open{transform:none}.content{padding:18px 15px 80px}.topbar{padding:12px 15px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}.cols-2{grid-template-columns:1fr}}@media(min-width:821px){.menu-btn,.scrim{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.doc-wrap{max-width:820px;margin:0 auto;padding:20px}.doc{background:#fff;color:#1a1a1a;border:1px solid var(--border);border-radius:8px;padding:44px 46px;font-family:IBM Plex Sans,sans-serif;line-height:1.5}.doc h1,.doc h2,.doc h3{font-family:Bricolage Grotesque,sans-serif;color:#161616}.doc-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #161616;padding-bottom:18px;margin-bottom:22px}.doc-head .brand{display:flex;align-items:center;gap:12px}.doc-head .brand b{font-size:1.5rem;font-family:Bricolage Grotesque;font-weight:800;letter-spacing:.02em}.doc-head .brand span{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#666}.doc-head .meta{text-align:right;font-size:.82rem;color:#444}.doc-head .meta .folio{font-family:IBM Plex Mono;font-size:1.05rem;font-weight:600;color:#161616}.doc-title{font-size:1.35rem;margin:0 0 4px}.doc-sec{margin:20px 0}.doc-sec h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#8a34d0;margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid #eee}.doc-dl{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;font-size:.86rem}.doc-dl dt{color:#666}.doc-dl dd{margin:0;font-weight:500}.doc-checks{display:grid;grid-template-columns:1fr 1fr;gap:5px 24px;font-size:.83rem}.doc-check{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dotted #e5e5e5}.doc-check .yes{color:#12855f;font-weight:600}.doc-check .no{color:#c02c50;font-weight:600}.doc-check .na{color:#999}.doc-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.doc-photos figure{margin:0}.doc-photos img{width:100%;height:110px;object-fit:cover;border-radius:6px;border:1px solid #e5e5e5}.doc-photos figcaption{font-size:.66rem;color:#777;text-align:center;margin-top:3px}.doc-table{width:100%;border-collapse:collapse;font-size:.86rem}.doc-table th{text-align:left;border-bottom:2px solid #ddd;padding:7px 4px;font-size:.72rem;text-transform:uppercase;color:#666}.doc-table td{padding:7px 4px;border-bottom:1px solid #eee}.doc-total{display:flex;justify-content:flex-end;gap:14px;font-size:1.05rem;font-weight:700;margin-top:12px}.doc-policies{font-size:.62rem;line-height:1.5;color:#555;white-space:pre-wrap;column-count:2;column-gap:22px}.doc-signs{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:26px}.doc-sign{text-align:center}.doc-sign img{max-height:80px;max-width:100%}.doc-sign .line{border-top:1px solid #333;margin-top:6px;padding-top:5px;font-size:.78rem;color:#444}.doc-foot{margin-top:26px;padding-top:14px;border-top:1px solid #eee;font-size:.68rem;color:#888;text-align:center}.doc-actions{max-width:820px;margin:0 auto 4px;display:flex;gap:10px;justify-content:flex-end;padding:0 20px}@media print{.sidebar,.topbar,.doc-actions,.no-print{display:none!important}body,.app,.main{background:#fff!important;display:block!important}.content,.doc-wrap{padding:0!important;max-width:100%!important}.doc{border:0!important;border-radius:0!important;padding:0!important}.doc-photos img{height:130px}@page{margin:14mm}}.portal-bg{min-height:100vh;background:#eef0f8;padding:24px 14px;display:flex;justify-content:center;align-items:flex-start;color:#23252f}.portal-card{width:100%;max-width:560px;background:#fff;border-radius:22px;padding:26px 22px;box-shadow:0 10px 40px -12px #1e1e462e}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}@media(max-width:460px){.portal-grid{grid-template-columns:1fr}}