:root{--brand-from:oklch(62% .18 260);--brand-to:oklch(58% .22 290);--accent:oklch(82% .15 180);--ok:oklch(72% .16 160);--warn:oklch(80% .17 80);--bad:oklch(65% .22 25);--info:oklch(74% .14 240);--navy:oklch(25% .07 255);--navy-2:oklch(32% .06 255);--slate:oklch(45% .03 245);--slate-2:oklch(60% .025 245);--teal:oklch(65% .18 185);--teal-2:oklch(55% .14 185);--red:var(--bad);--red-2:oklch(75% .14 25);--bg:oklch(98.2% .006 260);--bg-elev:oklch(99.5% .003 260);--surface:#ffffff9e;--surface-2:#fffc;--border:oklch(90% .008 260);--border-soft:oklch(93% .008 260/.8);--text:oklch(22% .02 260);--text-soft:oklch(45% .02 260);--text-mute:oklch(60% .015 260);--ring:oklch(62% .18 260/.4);--radius-xs:8px;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #1018280d;--shadow:0 4px 12px -2px #1018280f, 0 10px 30px -10px #1018281a;--shadow-lg:0 10px 40px -6px #1018281f, 0 30px 60px -20px #1e29632e;--font-sans:"Geist", ui-sans-serif, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--density:1;--aurora:radial-gradient(1200px 600px at 12% -10%, oklch(90% .1 260/.45), transparent 60%), radial-gradient(900px 500px at 95% 0%, oklch(90% .12 30/.35), transparent 55%), radial-gradient(900px 700px at 60% 110%, oklch(90% .1 180/.4), transparent 55%)}:root[data-theme=dark]{--bg:oklch(18% .018 265);--bg-elev:oklch(22% .02 265);--surface:oklch(26% .02 265/.55);--surface-2:oklch(30% .025 265/.78);--border:oklch(36% .02 265/.8);--border-soft:oklch(34% .02 265/.5);--text:oklch(97% .008 260);--text-soft:oklch(78% .015 260);--text-mute:oklch(62% .015 260);--ring:oklch(72% .18 260/.6);--shadow-sm:0 1px 2px #0000004d, 0 1px 3px #00000040;--shadow:0 6px 18px #00000073, 0 20px 50px #00000040;--shadow-lg:0 10px 40px #0000008c, 0 30px 80px #00000059;--aurora:radial-gradient(1200px 600px at 12% -10%, oklch(40% .18 260/.45), transparent 60%), radial-gradient(900px 500px at 95% 0%, oklch(40% .18 30/.35), transparent 55%), radial-gradient(900px 700px at 60% 110%, oklch(35% .15 180/.4), transparent 60%)}.skip-link{z-index:9999;background:var(--brand-from);color:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:top .15s;position:absolute;top:-99px;left:8px}.skip-link:focus{top:8px}:focus-visible{outline:2.5px solid var(--brand-from);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);background-image:var(--aurora);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01","cv11";background-attachment:fixed;min-height:100vh}.app[data-density=compact]{--density:.85}.app[data-density=comfortable]{--density:1.15}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:oklch(70% .01 260/.35);border-radius:999px}::-webkit-scrollbar-track{background:0 0}.glass{background:var(--surface);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--border-soft);border-radius:var(--radius)}.glass-2{background:var(--surface-2)}.card{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill-ok{background:color-mix(in oklch, var(--ok) 18%, transparent);color:color-mix(in oklch, var(--ok) 60%, var(--text))}.pill-warn{background:color-mix(in oklch, var(--warn) 22%, transparent);color:color-mix(in oklch, var(--warn) 30%, var(--text))}.pill-bad{background:color-mix(in oklch, var(--bad) 18%, transparent);color:color-mix(in oklch, var(--bad) 55%, var(--text))}.pill-info{background:color-mix(in oklch, var(--info) 18%, transparent);color:color-mix(in oklch, var(--info) 55%, var(--text))}.pill-neutral{background:color-mix(in oklch, var(--text-mute) 12%, transparent);color:var(--text-soft)}.dot{border-radius:999px;width:8px;height:8px;display:inline-block}.dot-r{background:var(--bad);box-shadow:0 0 0 3px color-mix(in oklch, var(--bad) 25%, transparent)}.dot-a{background:var(--warn);box-shadow:0 0 0 3px color-mix(in oklch, var(--warn) 25%, transparent)}.dot-g{background:var(--ok);box-shadow:0 0 0 3px color-mix(in oklch, var(--ok) 25%, transparent)}.btn{padding:calc(8px * var(--density)) calc(14px * var(--density));font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1;transition:transform .12s,box-shadow .18s,background .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));color:#fff;box-shadow:0 6px 20px -6px color-mix(in oklch, var(--brand-from) 60%, transparent)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:color-mix(in oklch, var(--text) 6%, transparent)}.btn-soft{background:color-mix(in oklch, var(--brand-from) 12%, transparent);color:color-mix(in oklch, var(--brand-from) 50%, var(--text));border:1px solid color-mix(in oklch, var(--brand-from) 25%, transparent)}.btn-icon{padding:7px}.btn-xs{border-radius:8px;padding:5px 9px;font-size:11px}.input,.select,.textarea{background:var(--bg-elev);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-from);box-shadow:0 0 0 4px var(--ring);outline:none}.input::placeholder{color:var(--text-mute)}.app{grid-template-columns:260px 1fr 380px;min-height:100vh;display:grid}@media (width<=1400px){.app{grid-template-columns:240px 1fr 380px}}@media (width<=1180px){.app{grid-template-columns:240px 1fr}.mobile-col{display:none}}.app.app--no-mobile{grid-template-columns:260px 1fr}@media (width<=1400px){.app.app--no-mobile{grid-template-columns:240px 1fr}}.sidebar{border-right:1px solid var(--border-soft);background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:2;flex-direction:column;gap:16px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 8px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));width:34px;height:34px;box-shadow:0 6px 16px -4px color-mix(in oklch, var(--brand-from) 50%, transparent), 0 0 0 0 #fff0;border-radius:10px;place-items:center;animation:9s ease-in-out infinite brand-heartbeat;display:grid;position:relative}.brand-mark svg{color:#fff;width:20px;height:20px}@keyframes brand-heartbeat{0%,to{box-shadow:0 6px 16px -4px color-mix(in oklch, var(--brand-from) 50%, transparent), 0 0 0 0 #fff0}25%{box-shadow:0 6px 16px -4px color-mix(in oklch, var(--brand-from) 50%, transparent), 0 0 32px 8px #ffffffd9}50%{box-shadow:0 6px 16px -4px color-mix(in oklch, var(--brand-from) 50%, transparent), 0 0 0 0 #fff0}}@media (prefers-reduced-motion:reduce){.brand-mark{animation:none}}.brand-name{letter-spacing:-.01em;font-size:16px;font-weight:700}.brand-name b{color:var(--text)}.brand-name span{color:color-mix(in oklch, var(--brand-from) 60%, var(--text))}.brand-sub{color:var(--text-mute);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.nav{flex-direction:column;gap:2px;display:flex}.nav-group-label{letter-spacing:.12em;color:var(--text-mute);text-transform:uppercase;padding:10px 12px 4px;font-size:10px;font-weight:600}.nav-item{color:var(--text-soft);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item svg{width:16px;height:16px}.nav-item:hover{color:var(--text);background:color-mix(in oklch, var(--text) 5%, transparent)}.nav-item.active{background:color-mix(in oklch, var(--brand-from) 12%, transparent);color:color-mix(in oklch, var(--brand-from) 50%, var(--text));border-color:color-mix(in oklch, var(--brand-from) 20%, transparent)}.nav-item .count{background:color-mix(in oklch, var(--text-mute) 15%, transparent);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px}.nav-item.active .count{background:color-mix(in oklch, var(--brand-from) 20%, transparent)}.nav-item .badge-pulse{background:var(--bad);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in oklch, var(--bad) 60%, transparent);border-radius:999px;margin-left:auto;animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--bad) 55%, transparent)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.user-chip{border:1px solid var(--border-soft);background:var(--bg-elev);border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.avatar{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));color:#fff;letter-spacing:.04em;border-radius:999px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.avatar.sq{border-radius:10px}.avatar.md{width:40px;height:40px;font-size:13px}.avatar.lg{width:56px;height:56px;font-size:15px}.main{min-width:0;padding:22px 28px 60px}.topbar{align-items:center;gap:14px;margin-bottom:22px;display:flex}.topbar h1{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:700}.topbar .sub{color:var(--text-mute);margin-top:2px;font-size:12px}.search{flex:1;max-width:480px;position:relative}.search input{background:var(--surface-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-left:34px}.search svg{width:16px;height:16px;color:var(--text-mute);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{background:var(--bg-elev);border:1px solid var(--border-soft);cursor:pointer;width:36px;height:36px;color:var(--text-soft);border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid;position:relative}.icon-btn:hover{color:var(--text)}.icon-btn svg{width:16px;height:16px}.icon-btn .dot-r{position:absolute;top:8px;right:8px}.grid{gap:16px;display:grid}.g-4{grid-template-columns:repeat(4,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-2{grid-template-columns:repeat(2,1fr)}@media (width<=1280px){.g-4{grid-template-columns:repeat(2,1fr)}}@media (width<=780px){.g-4,.g-3,.g-2{grid-template-columns:1fr}}.kpi{border-radius:var(--radius);border:1px solid var(--border-soft);background:var(--bg-elev);padding:16px;position:relative;overflow:hidden}.kpi .label{color:var(--text-mute);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.kpi .val{letter-spacing:-.02em;margin:4px 0 2px;font-size:30px;font-weight:700}.kpi .val sup{color:var(--text-mute);margin-left:4px;font-size:12px;font-weight:500}.kpi .trend{color:var(--text-soft);align-items:center;gap:4px;font-size:11px;display:flex}.kpi .trend.up{color:color-mix(in oklch, var(--ok) 60%, var(--text))}.kpi .trend.dn{color:color-mix(in oklch, var(--bad) 55%, var(--text))}.kpi:before{content:"";opacity:.4;background:radial-gradient(circle, var(--kpi-tint,var(--brand-from)), transparent 70%);border-radius:999px;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.kpi.bad{--kpi-tint:var(--bad)}.kpi.warn{--kpi-tint:var(--warn)}.kpi.ok{--kpi-tint:var(--ok)}.kpi.info{--kpi-tint:var(--info)}.section{justify-content:space-between;align-items:baseline;margin:26px 0 12px;display:flex}.section h2{letter-spacing:.02em;text-transform:uppercase;color:var(--text-soft);margin:0;font-size:14px;font-weight:700}.section a{color:color-mix(in oklch, var(--brand-from) 55%, var(--text));cursor:pointer;font-size:12px;font-weight:600;text-decoration:none}.caso{border:1px solid var(--border-soft);background:var(--bg-elev);cursor:pointer;border-radius:12px;gap:12px;padding:14px;transition:border-color .15s,transform .15s;display:flex}.caso:hover{border-color:color-mix(in oklch, var(--brand-from) 30%, transparent)}.caso .bar{border-radius:999px;flex-shrink:0;width:4px}.caso.verde .bar{background:var(--ok)}.caso.amarillo .bar{background:var(--warn)}.caso.rojo .bar{background:var(--bad)}.caso .body{flex:1;min-width:0}.caso .line1{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.caso .id-tag{font-family:var(--font-mono);color:var(--text-mute);font-size:10px}.caso .motivo{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.caso .meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font-size:12px;display:flex}.caso .meta .sep{color:var(--text-mute)}.t-wrap{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg-elev);overflow-x:auto}.t{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.t thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);background:color-mix(in oklch, var(--text-mute) 5%, transparent);border-bottom:1px solid var(--border-soft);padding:11px 14px;font-size:11px;font-weight:600}.t tbody td{border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:10px 14px}.t tbody tr:last-child td{border-bottom:none}.t tbody tr{cursor:pointer;transition:background .12s}.t tbody tr:hover{background:color-mix(in oklch, var(--brand-from) 5%, transparent)}.clamp-1{-webkit-line-clamp:1;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-2{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important}.truncate-1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drawer-back{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#00000059;animation:.2s fadeIn;position:fixed;inset:0}.drawer{background:var(--bg-elev);border-left:1px solid var(--border-soft);width:min(640px,94vw);box-shadow:var(--shadow-lg);z-index:81;animation:.25s cubic-bezier(.22,1,.36,1) slideIn;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@media (width>=1181px){.drawer{right:380px}}.app--no-mobile .drawer{right:0!important}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-col{border-left:1px solid var(--border-soft);background:linear-gradient(180deg, color-mix(in oklch, var(--brand-from) 6%, transparent), transparent 40%);flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.mobile-col .label{letter-spacing:.15em;color:var(--text-mute);text-transform:uppercase;font-size:10px;font-weight:700}.phone{background:oklch(8% .005 260);border-radius:46px;width:340px;height:690px;padding:10px;position:relative;box-shadow:0 0 0 1px oklch(30% .008 260/.4),0 30px 60px -20px #0009,0 20px 30px -15px #0006}.phone .notch{z-index:3;background:oklch(6% 0 0);border-radius:20px;width:110px;height:28px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone .screen{background:var(--bg);border-radius:38px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-status{justify-content:space-between;align-items:center;padding:14px 22px 8px;font-size:12px;font-weight:600;display:flex}.phone-status .time{font-variant-numeric:tabular-nums}.phone-status .icons{gap:4px;display:flex}.tweaks-panel{z-index:90;border-radius:var(--radius);background:var(--surface-2);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--border);width:300px;box-shadow:var(--shadow-lg);padding:14px;animation:.3s slideIn;position:fixed;bottom:20px;right:20px}.tweaks-panel h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);justify-content:space-between;align-items:center;margin:0 0 10px;font-size:12px;font-weight:700;display:flex}.tweak-row{justify-content:space-between;align-items:center;margin:10px 0;font-size:13px;display:flex}.tweak-row label{color:var(--text-soft);font-weight:500}.segment{background:color-mix(in oklch, var(--text-mute) 8%, transparent);border-radius:8px;gap:2px;padding:2px;display:flex}.segment button{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.segment button.on{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-sm)}.swatch-row{gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:999px;width:22px;height:22px}.swatch.on{border-color:var(--text)}.mapbox{border-radius:var(--radius);border:1px solid var(--border-soft);background:linear-gradient(180deg, color-mix(in oklch, var(--info) 10%, var(--bg-elev)), var(--bg-elev));aspect-ratio:16/10;position:relative;overflow:hidden}.mapbox svg{width:100%;height:100%;display:block}.hex-cell{transform-origin:50%;cursor:pointer;transition:fill-opacity .2s,stroke .2s,transform .2s}.hex-cell:hover{stroke:var(--text);stroke-width:2px}.hex-cell.selected{stroke:var(--brand-from);stroke-width:2.5px}.heat-grid{grid-template-columns:repeat(24,1fr);gap:3px;display:grid}.heat-cell{aspect-ratio:1;background:color-mix(in oklch, var(--brand-from) calc(var(--h,0) * 1%), color-mix(in oklch, var(--text-mute) 10%, transparent));border-radius:4px}.fade-in{animation:.22s both fadeIn}.rise{animation:.32s cubic-bezier(.22,1,.36,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-enter{animation:.28s cubic-bezier(.22,1,.36,1) both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:none}}.spark{width:100%;height:40px}.spark path.line{fill:none;stroke:var(--brand-from);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.spark path.area{fill:color-mix(in oklch, var(--brand-from) 15%, transparent)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--bg-elev);border:1px solid var(--border-soft);color:var(--text-soft);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:12px}.chip.on{background:color-mix(in oklch, var(--brand-from) 14%, transparent);border-color:color-mix(in oklch, var(--brand-from) 30%, transparent);color:color-mix(in oklch, var(--brand-from) 55%, var(--text))}.chat-msg{border-radius:14px;max-width:82%;padding:10px 14px;font-size:13px;line-height:1.45}.chat-msg.user{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-msg.ai{background:var(--bg-elev);border:1px solid var(--border-soft);border-bottom-left-radius:4px;align-self:flex-start}.chat-msg.ai .src{color:var(--text-mute);font-size:11px;font-family:var(--font-mono);margin-top:6px}.tabs{border-bottom:1px solid var(--border-soft);gap:4px;margin:10px 0 16px;display:flex}.tabs button{font:inherit;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:13px;font-weight:600}.tabs button.on{color:var(--text);border-color:var(--brand-from)}.switch{background:color-mix(in oklch, var(--text-mute) 20%, transparent);cursor:pointer;border-radius:999px;flex-shrink:0;width:34px;height:20px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:999px;width:16px;height:16px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch.on{background:linear-gradient(135deg, var(--brand-from), var(--brand-to))}.switch.on:after{left:16px}:root{--bg-0:var(--bg);--bg-1:var(--bg-elev);--bg-2:oklch(97.2% .006 260)}:root[data-theme=dark]{--bg-0:oklch(18% .018 265);--bg-1:oklch(22% .02 265);--bg-2:oklch(26% .02 265/.55)}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.drawer-backdrop .drawer{border-radius:var(--radius-lg);border-left:none;flex-direction:column;width:100%;max-height:90vh;animation:.25s fadeIn;display:flex;position:relative;top:auto;bottom:auto;right:auto}.drawer-head{border-bottom:1px solid var(--border-soft);background:var(--bg-elev);z-index:2;border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.drawer-body{flex:1;padding:18px 20px;overflow-y:auto}.phone-shell{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.phone-notch{z-index:3;background:oklch(6% 0 0);border-radius:16px;width:90px;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-screen{flex:1;width:100%;position:relative;overflow:hidden}.tab{font:inherit;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.tab.on{color:var(--text);border-color:var(--brand-from)}.empty-state{text-align:center;color:var(--text-mute);flex-direction:column;justify-content:center;align-items:center;padding:56px 24px;display:flex}.empty-state svg{opacity:.22;margin-bottom:16px}.empty-state .empty-title{color:var(--text-soft);margin-bottom:6px;font-size:15px;font-weight:700}.empty-state .empty-sub{max-width:280px;font-size:13px;line-height:1.5}.empty-state .empty-action{margin-top:18px}.toast{background:var(--navy);color:#fff;z-index:9999;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;animation:.25s cubic-bezier(.22,1,.36,1) both toastIn;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.toast.ok{background:var(--ok)}.toast.bad{background:var(--bad)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)}}.header-navy{background:var(--navy);color:#fff;border-radius:var(--radius) var(--radius) 0 0;padding:16px 20px}.permgrid{grid-template-columns:1.4fr repeat(7,1fr);align-items:center;gap:6px;font-size:12px;display:grid}.permgrid .head{letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);text-align:center;font-size:10px;font-weight:700}.permcell{background:color-mix(in oklch, var(--text-mute) 6%, transparent);cursor:pointer;border-radius:6px;place-items:center;padding:6px 0;transition:background .15s;display:grid}.permcell.on{background:color-mix(in oklch, var(--ok) 20%, transparent);color:color-mix(in oklch, var(--ok) 50%, var(--text))}.permcell.on:before{content:"✓";font-weight:700}.permcell:not(.on):before{content:"–";color:var(--text-mute)}.orgs-search-hint{color:var(--text-mute);font-size:11px;position:absolute;bottom:-18px;left:0}.orgs-loading-inline{margin-left:6px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orgs-error-banner{background:color-mix(in oklch, var(--bad) 10%, transparent);border:1px solid color-mix(in oklch, var(--bad) 25%, transparent);color:color-mix(in oklch, var(--bad) 60%, var(--text));border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.paginator{border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding:10px 0;display:flex}.paginator-info{color:var(--text-soft);font-size:12px}.paginator-controls{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.paginator-btn{background:var(--bg-elev);border:1px solid var(--border-soft);color:var(--text);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px;transition:background .12s,border-color .12s}.paginator-btn:hover:not(:disabled){background:color-mix(in oklch, var(--brand-from) 8%, var(--bg-elev));border-color:color-mix(in oklch, var(--brand-from) 25%, var(--border-soft))}.paginator-btn:disabled{opacity:.45;cursor:not-allowed}.paginator-btn-active{background:color-mix(in oklch, var(--brand-from) 14%, transparent);border-color:color-mix(in oklch, var(--brand-from) 30%, transparent);color:color-mix(in oklch, var(--brand-from) 55%, var(--text));font-weight:600}.paginator-ellipsis{color:var(--text-mute);padding:0 4px;font-size:12px}.paginator-pagesize{border:1px solid var(--border-soft);background:var(--bg-elev);color:var(--text);border-radius:6px;margin-left:8px;padding:4px 8px;font-size:12px}.orgs-skeleton{padding:8px 0}.skeleton-row{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:10px 0;display:flex}.skeleton-bar{background:linear-gradient(90deg, color-mix(in oklch, var(--text-mute) 8%, transparent) 0%, color-mix(in oklch, var(--text-mute) 18%, transparent) 50%, color-mix(in oklch, var(--text-mute) 8%, transparent) 100%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.4s ease-in-out infinite skeleton-shimmer}.skeleton-bar-lg{flex:2}.skeleton-bar-md{flex:1}.skeleton-bar-sm{flex:.5}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.semaforo-cell{color:var(--text-soft);cursor:help;align-items:center;gap:6px;font-size:12px;display:inline-flex}.semaforo-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.semaforo-verde{background:color-mix(in oklch, var(--ok) 70%, transparent);box-shadow:0 0 0 2px color-mix(in oklch, var(--ok) 22%, transparent)}.semaforo-amarillo{background:color-mix(in oklch, var(--warn) 75%, transparent);box-shadow:0 0 0 2px color-mix(in oklch, var(--warn) 22%, transparent)}.semaforo-rojo{background:color-mix(in oklch, var(--bad) 70%, transparent);box-shadow:0 0 0 2px color-mix(in oklch, var(--bad) 22%, transparent)}.semaforo-gris{background:color-mix(in oklch, var(--text-mute) 35%, transparent);box-shadow:0 0 0 2px color-mix(in oklch, var(--text-mute) 12%, transparent)}.semaforo-label{font-size:12px}.ef-display{cursor:pointer;border-radius:4px;outline:none;align-items:center;gap:6px;min-height:22px;padding:3px 6px;transition:background .12s;display:inline-flex}.ef-display:hover{background:color-mix(in oklch, var(--brand-from) 6%, transparent)}.ef-display:focus-visible{background:color-mix(in oklch, var(--brand-from) 10%, transparent);box-shadow:0 0 0 2px color-mix(in oklch, var(--brand-from) 30%, transparent)}.ef-display-disabled{cursor:default;opacity:.85}.ef-display-disabled:hover{background:0 0}.ef-value{color:var(--text);word-break:break-word;font-size:13px}.ef-empty{color:var(--text-mute);font-size:12px;font-style:italic}.ef-pencil{color:var(--text-mute);opacity:.7;flex-shrink:0}.ef-display-disabled .ef-pencil{display:none}.ef-edit{align-items:center;gap:6px;width:100%;display:inline-flex;position:relative}.ef-edit input,.ef-edit textarea,.ef-edit select{border:1px solid color-mix(in oklch, var(--brand-from) 35%, var(--border-soft));color:var(--text);background:var(--bg-elev);border-radius:4px;outline:none;flex:1;padding:5px 8px;font-family:inherit;font-size:13px}.ef-edit input:focus,.ef-edit textarea:focus,.ef-edit select:focus{border-color:var(--brand-from);box-shadow:0 0 0 2px color-mix(in oklch, var(--brand-from) 20%, transparent)}.ef-edit textarea{resize:vertical;min-height:56px}.ef-saving{color:var(--brand-from);font-size:14px;animation:1s linear infinite spin}.ef-error{color:color-mix(in oklch, var(--bad) 60%, var(--text));font-size:11px;position:absolute;bottom:-16px;left:0}.timeline{flex-direction:column;gap:10px;display:flex}.timeline-item{border-left:3px solid var(--border-soft);background:var(--bg-elev);border-radius:8px;gap:10px;padding:10px 12px;display:flex}.timeline-item-interaction{border-left-color:var(--brand-from);background:color-mix(in oklch, var(--brand-from) 4%, var(--bg-elev))}.timeline-item-history{border-left-color:color-mix(in oklch, var(--text-mute) 25%, transparent);opacity:.92}.timeline-icon{background:color-mix(in oklch, var(--text-mute) 10%, transparent);width:28px;height:28px;color:var(--text-soft);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.timeline-item-interaction .timeline-icon{background:color-mix(in oklch, var(--brand-from) 18%, transparent);width:32px;height:32px;color:color-mix(in oklch, var(--brand-from) 60%, var(--text))}.timeline-body{flex:1;min-width:0}.timeline-meta{color:var(--text-mute);margin-bottom:3px;font-size:11px}.timeline-tipo{text-transform:uppercase;letter-spacing:.04em;color:var(--text);font-weight:700}.timeline-item-interaction .timeline-tipo{color:color-mix(in oklch, var(--brand-from) 55%, var(--text))}.timeline-texto{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:13px}.timeline-item-history .timeline-texto{font-size:12px;font-family:var(--font-mono);color:var(--text-soft)}.timeline-more{align-self:center;margin-top:6px}.orgs-cases-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.orgs-cases-list li{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.orgs-cases-list .case-title{flex:1;min-width:0;font-weight:600}.orgs-cases-list .muted{color:var(--text-mute);font-size:11px}.drawer-section{margin-bottom:18px}.drawer-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin-bottom:8px;font-size:10px;font-weight:700}.drawer-row{grid-template-columns:130px 1fr;align-items:center;gap:10px;padding:6px 0;display:grid}.drawer-row-label{color:var(--text-mute);font-size:11px;font-weight:600}.drawer-row-value{color:var(--text);min-height:22px;font-size:13px}.drawer-gestion-form{background:var(--bg-elev);border:1px solid color-mix(in oklch, var(--brand-from) 25%, var(--border-soft));border-radius:8px;flex-direction:column;gap:8px;margin-top:10px;padding:12px;display:flex}.drawer-gestion-form-row{flex-wrap:wrap;gap:8px;display:flex}.drawer-gestion-form input,.drawer-gestion-form select,.drawer-gestion-form textarea{border:1px solid var(--border-soft);background:var(--bg-elev);color:var(--text);border-radius:4px;padding:6px 8px;font-family:inherit;font-size:13px}.drawer-gestion-form textarea{resize:vertical;width:100%;min-height:60px}.drawer-gestion-form-actions{justify-content:flex-end;gap:8px;display:flex}.kpi-card{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.kpi-card-body{flex:1;min-width:0}.kpi-card-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:600}.kpi-card-value{color:var(--text);font-size:22px;font-weight:700}.kpi-card-tone-bad{color:color-mix(in oklch, var(--bad) 60%, var(--text))}.kpi-card-tone-info{color:color-mix(in oklch, var(--brand-from) 55%, var(--text))}.kpi-card-tone-ok{color:color-mix(in oklch, var(--ok) 55%, var(--text))}.kpi-card-icon{color:var(--text-mute);flex-shrink:0}.cobertura-cell{align-items:center;gap:8px;min-width:110px;display:flex}.cobertura-bar{background:color-mix(in oklch, var(--text-mute) 12%, transparent);border-radius:3px;flex:1;height:6px;overflow:hidden}.cobertura-fill{border-radius:3px;height:100%;transition:width .3s}.cobertura-verde{background:color-mix(in oklch, var(--ok) 70%, transparent)}.cobertura-amarillo{background:color-mix(in oklch, var(--warn) 75%, transparent)}.cobertura-rojo{background:color-mix(in oklch, var(--bad) 65%, transparent)}.cobertura-pct{font-size:12px;font-family:var(--font-mono);color:var(--text-soft);text-align:right;min-width:48px}.supervisor-section{margin-top:28px}.supervisor-section h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);margin:0 0 10px;font-size:14px;font-weight:700}.supervisor-territoriales th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.supervisor-territoriales th.sortable:hover{background:color-mix(in oklch, var(--brand-from) 6%, transparent)}.supervisor-territoriales tr.expandable-row{cursor:pointer}.supervisor-territoriales tr.expandable-row:hover{background:color-mix(in oklch, var(--brand-from) 4%, transparent)}.supervisor-territoriales tr.drill-row td{background:color-mix(in oklch, var(--brand-from) 3%, var(--bg-elev));border-top:none;padding:0}.drill-content{border-left:3px solid var(--brand-from);grid-template-columns:1fr 1fr;gap:16px;padding:14px 18px;display:grid}@media (width<=720px){.drill-content{grid-template-columns:1fr}}.drill-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin-bottom:8px;font-size:10px;font-weight:700}.drill-orgs-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.drill-orgs-list li{background:var(--bg-elev);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background .12s;display:flex}.drill-orgs-list li:hover{background:color-mix(in oklch, var(--brand-from) 8%, var(--bg-elev))}.drill-org-nombre{flex:1;min-width:0;font-weight:600}.drill-org-tiempo{color:var(--text-soft);font-size:11px}.drill-ultima{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.drill-ultima-obs{width:100%;color:var(--text-soft);margin-top:6px;font-size:12px;font-style:italic}.supervisor-sin-contacto{border:1px solid var(--border-soft);border-radius:8px;flex-direction:column;gap:4px;max-height:480px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.supervisor-sin-contacto li{border-bottom:1px solid var(--border-soft);cursor:pointer;grid-template-columns:auto 2fr 3fr 1.2fr 1.4fr;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:background .12s;display:grid}.supervisor-sin-contacto li:last-child{border-bottom:none}.supervisor-sin-contacto li:hover{background:color-mix(in oklch, var(--brand-from) 6%, transparent)}.sin-contacto-nombre{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.sin-contacto-tiempo{color:var(--text-soft);font-size:12px}.critico{color:color-mix(in oklch, var(--bad) 60%, var(--text))}@media (width<=720px){.supervisor-sin-contacto li{grid-template-rows:auto auto;grid-template-columns:auto 1fr}}.actividad-bars{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.actividad-bars li{grid-template-columns:130px 1fr 60px;align-items:center;gap:12px;display:grid}.actividad-tipo{letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);font-size:12px;font-weight:600}.actividad-bar{background:color-mix(in oklch, var(--text-mute) 10%, transparent);border-radius:7px;height:14px;overflow:hidden}.actividad-fill{background:linear-gradient(90deg, color-mix(in oklch, var(--brand-from) 55%, transparent), color-mix(in oklch, var(--brand-from) 75%, transparent));border-radius:7px;height:100%;transition:width .4s}.actividad-count{font-size:13px;font-weight:700;font-family:var(--font-mono);text-align:right;color:var(--text)}.liderazgo-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.liderazgo-card{background:color-mix(in oklch, var(--brand-from) 5%, var(--bg-elev));border:1px solid color-mix(in oklch, var(--brand-from) 25%, var(--border-soft));border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.liderazgo-card-nombre{color:var(--text);font-size:14px;font-weight:700}.liderazgo-card-cargo{color:color-mix(in oklch, var(--brand-from) 55%, var(--text));text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.liderazgo-card-meta{flex-wrap:wrap;gap:14px;margin-top:4px;font-size:12px;display:flex}.mobile-menu-btn{background:var(--bg-elev);border:1px solid var(--border-soft);cursor:pointer;width:40px;height:40px;color:var(--text);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:none}.mobile-menu-btn svg{width:20px;height:20px}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;background:#00000080;animation:.15s fadeIn;display:none;position:fixed;inset:0}@media (width<=820px){.app,.app.app--no-mobile{grid-template-columns:1fr!important}.mobile-col{display:none!important}.mobile-menu-btn{display:inline-flex}.sidebar-backdrop.is-open{display:block}.sidebar{z-index:100;width:280px;max-width:85vw;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 24px #0000004d}.sidebar.is-open{transform:translate(0)}.main{padding:60px 14px 80px}.topbar{flex-wrap:wrap;gap:10px;margin-bottom:14px}.topbar h1{font-size:18px}.topbar .sub{font-size:11px}.search{flex:100%;order:3;max-width:100%}.topbar-actions{flex-wrap:wrap;flex:none;gap:6px;margin-left:auto}.topbar-actions .btn{padding:8px 12px;font-size:12px}.topbar-actions .btn span,.topbar-actions .btn-primary{white-space:nowrap}.drawer{width:100vw!important;max-width:100vw!important;left:0!important;right:0!important}.drawer-backdrop .drawer{border-radius:0;max-width:100%!important;max-height:100vh!important}.card{-webkit-overflow-scrolling:touch;overflow-x:auto}.card table:not(.table-keep-grid){width:100%;min-width:0;display:block}.card table:not(.table-keep-grid) thead{display:none}.card table:not(.table-keep-grid) tbody{display:block}.card table:not(.table-keep-grid) tr{border:1px solid var(--border-soft);background:var(--bg-elev);border-radius:10px;margin-bottom:12px;padding:12px 14px;display:block}.card table:not(.table-keep-grid) td{text-align:left;white-space:normal;vertical-align:top;border:none;width:100%;padding:4px 0;display:block}.card table:not(.table-keep-grid) td>div{max-width:none!important}.card table:not(.table-keep-grid) td div[style*=white-space],.card table:not(.table-keep-grid) td div{white-space:normal!important;text-overflow:clip!important;overflow:visible!important}.card table.table-keep-grid{table-layout:auto;min-width:max-content;font-size:11px}.card table.table-keep-grid th{white-space:nowrap}.card table.table-keep-grid th,.card table.table-keep-grid td{padding:6px 8px}.permgrid{min-width:max-content;font-size:11px}.grid.g-2,.grid.g-3{grid-template-columns:1fr!important}.leaflet-container{min-height:320px!important}.topbar{flex-wrap:wrap}.kpi{padding:12px}.kpi .val{font-size:24px}}@media (width<=480px){.topbar h1{font-size:17px}.topbar-actions .btn-primary{padding:8px 10px}.topbar-actions .btn{padding:6px 10px}.topbar-actions .btn-primary svg{margin-right:0}}