@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--bg: #f4f0ea;--bg-elevated: #faf7f2;--surface: #ffffff;--ink: #1c1917;--ink-soft: #57534e;--muted: #a8a29e;--line: #ebe5dc;--line-strong: #d6cfc4;--brand: #c2410c;--brand-dark: #9a3412;--brand-soft: #fff4eb;--brand-ring: rgba(194, 65, 12, .2);--green: #15803d;--green-soft: #ecfdf3;--amber: #d97706;--amber-soft: #fffbeb;--red: #dc2626;--red-soft: #fef2f2;--blue: #2563eb;--blue-soft: #eff6ff;--radius: 20px;--radius-sm: 14px;--shadow-sm: 0 1px 2px rgba(28, 25, 23, .04);--shadow: 0 8px 28px rgba(28, 25, 23, .07);--nav-h: 68px;--font: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--safe-b: env(safe-area-inset-bottom, 0px)}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%;min-height:100dvh}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.45;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100dvh;position:relative;background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-body{padding-bottom:calc(88px + var(--safe-b));min-height:100dvh}.wrap{padding:16px 16px 8px}.page-hero{background:linear-gradient(160deg,#1c1917,#292524 55%,#44403c);color:#fff;padding:22px 20px 26px;border-radius:0 0 28px 28px;box-shadow:0 12px 32px #1c191738;border-bottom:3px solid var(--brand)}.page-hero .eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fdba74;margin:0 0 6px}.page-hero h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.page-hero .sub{margin:6px 0 0;font-size:13px;color:#ffffff9e;font-weight:500}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.card-label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.section-title{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:18px 4px 10px}.muted{color:var(--muted)}.t-green{color:var(--green)}.t-amber{color:var(--amber)}.t-red{color:var(--red)}.t-blue{color:var(--blue)}.t-brand{color:var(--brand)}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border-radius:14px;border:none;font-weight:700;font-size:15px;transition:transform .12s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 18px var(--brand-ring)}.btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line-strong);min-height:40px;font-size:13px;padding:8px 12px}.btn-block{width:100%}.btn-soft{background:var(--brand-soft);color:var(--brand-dark);border:1px solid #fed7aa}.progress-bg{height:8px;background:#f0ebe4;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--brand);transition:width .35s ease}.filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 10px}.filter-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 6px;border-radius:10px;border:1px solid var(--line-strong);background:#fff;font-size:11px;font-weight:700;color:var(--ink-soft);white-space:nowrap;min-height:36px;width:100%;line-height:1.15;overflow:hidden;text-overflow:ellipsis}.filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}@media (min-width: 400px){.filter-row{grid-template-columns:repeat(5,minmax(0,1fr))}}.estado-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.estado-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 6px;text-align:center;box-shadow:var(--shadow-sm)}.estado-card.sel{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-ring)}.estado-num{font-size:18px;font-weight:800;line-height:1.1;letter-spacing:-.02em}.estado-lbl{font-size:8px;font-weight:700;letter-spacing:.04em;color:var(--muted);margin-top:2px;text-transform:uppercase}.blq-btn{min-height:40px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;border:1.5px solid #e7e5e4;background:#fff;color:#44403c}.blq-btn.blq-on{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.blq-btn.blq-off{border-color:#86efac;color:#15803d;background:#ecfdf5}.cli-bloqueo{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.b-green{background:var(--green-soft);color:var(--green)}.b-amber{background:var(--amber-soft);color:#b45309}.b-orange{background:#fff7ed;color:#c2410c}.b-red{background:var(--red-soft);color:var(--red)}.b-gray{background:#f5f5f4;color:#78716c}.b-blue{background:var(--blue-soft);color:var(--blue)}.cli-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:8px;box-shadow:none}.cli-card:active{background:#fafaf9}.navbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;padding:0 12px calc(10px + var(--safe-b));z-index:100;pointer-events:none}.navbar-inner{background:#1c1917;border-radius:20px;display:flex;justify-content:space-around;align-items:center;padding:8px 4px;box-shadow:0 8px 32px #1c19175c,0 2px 8px #1c191733;pointer-events:all}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:7px 4px 6px;color:#78716c;font-size:10px;font-weight:650;position:relative;min-width:0;border-radius:14px;transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent}.nav-item svg{width:22px;height:22px}.nav-item.active{color:#fff;background:#c2410c}.nav-item.active:before{display:none}.nav-logout{color:#ef4444}.login-page{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:28px 22px 40px;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(194,65,12,.12),transparent),var(--bg)}.login-brand{text-align:center;margin-bottom:28px}.login-logo{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;background:linear-gradient(145deg,#c2410c,#9a3412);color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px #c2410c59}.login-brand h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.03em}.login-brand p{margin:8px 0 0;color:var(--ink-soft);font-size:14px;font-weight:500}.login-card{background:#fff;border-radius:24px;padding:24px 20px;border:1px solid var(--line);box-shadow:var(--shadow)}.login-field{margin-bottom:14px}.login-field label{display:block;font-size:12px;font-weight:700;color:var(--ink-soft);margin-bottom:6px}.login-field input{width:100%;min-height:48px;padding:12px 14px;border:1.5px solid var(--line-strong);border-radius:14px;background:#fafaf9;outline:none}.login-field input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring);background:#fff}.kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.kpi-tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow-sm)}.kpi-tile .kpi-n{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.kpi-tile .kpi-l{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.priority-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm);border-left:4px solid var(--brand)}.priority-card.riesgo{border-left-color:var(--amber)}.priority-card.fuga{border-left-color:var(--red)}.priority-card.reponer{border-left-color:var(--blue)}.priority-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.priority-actions a,.priority-actions button{flex:1;min-width:90px;text-align:center;padding:10px 8px;border-radius:12px;font-size:13px;font-weight:700;border:1px solid var(--line-strong);background:#fafaf9;color:var(--ink);min-height:44px;display:inline-flex;align-items:center;justify-content:center}.priority-actions .pa-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.hero-metric{background:linear-gradient(145deg,#1c1917,#292524);color:#fff;border-radius:22px;padding:18px;margin-bottom:12px;box-shadow:var(--shadow)}.hero-metric .hm-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a8a29e}.hero-metric .hm-value{font-size:28px;font-weight:800;letter-spacing:-.03em;margin:4px 0 2px}.hero-metric .hm-meta{font-size:13px;color:#ffffffa6;margin-top:4px}.search,.search-box{width:100%;min-height:48px;padding:12px 16px 12px 44px;border-radius:14px;border:1.5px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23a8a29e' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M14 14l3 3'/%3E%3C/svg%3E") 14px 50% no-repeat;font-size:15px;font-family:inherit;color:var(--ink);margin-bottom:10px;outline:none;transition:border-color .15s,box-shadow .15s}.search:focus,.search-box:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring)}.spinner{padding:48px 20px;text-align:center;color:var(--muted);font-weight:600}.empty-state{text-align:center;padding:32px 20px;color:var(--ink-soft)}.empty-state .empty-title{font-weight:800;font-size:16px;color:var(--ink);margin-bottom:6px}.alertas{margin:8px 0 12px}.alerta{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:600;margin-bottom:6px}.alerta .alerta-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.a-orange{background:#fff7ed;color:#9a3412}.a-orange .alerta-dot{background:#ea580c}.a-red{background:#fef2f2;color:#991b1b}.a-red .alerta-dot{background:#dc2626}.build-stamp{position:fixed;bottom:calc(var(--nav-h) + 6px);right:10px;z-index:90;font-size:10px;font-weight:800;letter-spacing:.04em;color:#fff;background:var(--brand);padding:4px 10px;border-radius:8px;pointer-events:none;box-shadow:0 4px 12px var(--brand-ring)}.skeleton{background:linear-gradient(90deg,#f5f5f4 25%,#e7e5e4,#f5f5f4 75%);background-size:200% 100%;animation:sk 1.2s ease-in-out infinite;border-radius:16px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.cli-acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:stretch}.acc-btn{flex:1 1 auto;min-width:72px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:700;font-family:inherit;text-decoration:none;border:1.5px solid #e7e5e4;background:#fff;color:#1c1917;cursor:pointer;box-sizing:border-box;white-space:nowrap;line-height:1.2}.acc-btn:active{transform:scale(.98)}.acc-call{background:#1c1917;border-color:#1c1917;color:#fff}.acc-wsp{background:#dcfce7;border-color:#bbf7d0;color:#166534}.acc-nav{background:#f5f5f4;border-color:#e7e5e4;color:#44403c}.acc-note{background:#fff;border-color:#e7e5e4;color:#57534e}