:root{--bg: #f4f5f8;--white: #ffffff;--surface: #f9fafb;--ink: #111827;--ink2: #374151;--muted: #6b7280;--faint: #9ca3af;--border: #e5e7eb;--border2: #d1d5db;--teal: #0d9f6e;--teal-bg: #ecfdf5;--amber: #b45309;--amber-bg: #fffbeb;--coral: #e5243b;--coral-bg: #fff1f2;--purple: #7c3aed;--purple-bg: #f5f3ff;--blue: #1d6de5;--blue-bg: #eff6ff;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.num{font-variant-numeric:tabular-nums}.mono{font-family:DM Mono,monospace;font-size:12px}.topbar{background:var(--ink);height:52px;display:flex;align-items:center;padding:0 24px;gap:14px;position:sticky;top:0;z-index:20}.brand{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.02em}.brand span{color:#5eead4}.brand-sub{font-size:11px;color:#6b7280}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px;color:#d1d5db;font-size:12px}.topbar select{background:#1f2937;border:1px solid #374151;color:#e5e7eb;border-radius:6px;padding:4px 8px;font-size:12px}.link-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:12px}.link-btn:hover{color:#fff}.nav{background:var(--white);border-bottom:1px solid var(--border);padding:0 24px;display:flex;overflow-x:auto}.nav a{font-size:13px;font-weight:500;padding:12px 16px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.nav a.active{color:var(--ink);border-bottom-color:var(--ink)}.nav a:hover{color:var(--ink)}.page{max-width:1400px;margin:0 auto;padding:20px 24px 48px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-head h1{font-size:20px;font-weight:600;letter-spacing:-.01em}.as-of{font-size:12px;color:var(--muted)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.span2{grid-column:span 2}.stack{display:flex;flex-direction:column;gap:14px}@media (max-width: 1000px){.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr}}@media (max-width: 700px){.grid4,.grid2{grid-template-columns:1fr}.span2{grid-column:auto}.page{padding:16px}}.stat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;font-weight:500;color:var(--muted)}.stat-value{font-size:28px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}.stat-sub{font-size:12px;color:var(--muted)}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;align-self:flex-start;margin-top:4px}.panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}.panel-head{padding:14px 18px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title{font-size:14px;font-weight:600}.panel-body{padding:14px 18px}.panel-foot{padding:10px 18px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.scroll{overflow-y:auto;max-height:340px}.c-coral{color:var(--coral)}.bg-coral{background:var(--coral-bg);color:var(--coral)}.c-amber{color:var(--amber)}.bg-amber{background:var(--amber-bg);color:var(--amber)}.c-teal{color:var(--teal)}.bg-teal{background:var(--teal-bg);color:var(--teal)}.c-purple{color:var(--purple)}.bg-purple{background:var(--purple-bg);color:var(--purple)}.c-blue{color:var(--blue)}.bg-blue{background:var(--blue-bg);color:var(--blue)}.c-muted{color:var(--muted)}.bg-muted{background:var(--surface);color:var(--muted)}.chips{display:flex;gap:6px;padding:10px 18px;border-bottom:1px solid var(--border);overflow-x:auto}.chip{font-size:12px;font-weight:500;padding:4px 11px;border-radius:12px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap}.chip:hover{color:var(--ink)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}a.row:hover,button.row:hover{background:var(--surface)}.rank{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.name{font-size:13px;font-weight:600}.sub{font-size:12px;color:var(--muted);margin-top:1px}.pill{font-size:12px;font-weight:600;padding:3px 10px;border-radius:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;color:#fff}.tag-life{background:var(--purple)}.tag-health{background:var(--teal)}.tag-motor{background:var(--amber)}.urg{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;min-width:62px;text-align:center}.urg-Critical{background:var(--coral-bg);color:var(--coral)}.urg-High{background:var(--amber-bg);color:var(--amber)}.urg-Medium{background:var(--blue-bg);color:var(--blue)}.urg-Low{background:var(--surface);color:var(--muted)}.ren{display:grid;grid-template-columns:1fr auto 76px auto;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--border)}.ren:hover{background:var(--surface)}.days{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.bar{flex:1;min-width:40px;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.bar>div{height:100%;border-radius:4px}.bar.thin{height:5px}.tier-row{display:grid;grid-template-columns:76px 1fr 44px 48px;align-items:center;gap:10px;padding:6px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:12px;font-weight:500;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface)}td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr.click{cursor:pointer}tbody tr.click:hover{background:var(--surface)}td.r,th.r{text-align:right;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:8px 14px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:var(--white);color:var(--ink);border-color:var(--border2)}.btn.danger{background:var(--white);color:var(--coral);border-color:#fecdd3}.btn.sm{font-size:12px;padding:5px 10px}.input{border:1px solid var(--border2);border-radius:8px;padding:8px 12px;background:var(--white);min-width:0}.field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:500;color:var(--ink2)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.empty{padding:28px 18px;text-align:center;color:var(--muted);font-size:13px}.error{margin:14px 18px;padding:10px 14px;border-radius:8px;background:var(--coral-bg);color:var(--coral);font-size:13px}.notice{padding:10px 14px;border-radius:8px;background:var(--amber-bg);color:var(--amber);font-size:13px}.skeleton{height:14px;border-radius:4px;background:linear-gradient(90deg,#eef0f3,#f6f7f9,#eef0f3);background-size:200% 100%;animation:sh 1.2s infinite;margin:10px 18px}@keyframes sh{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:14px}.login-card .brand{color:var(--ink);font-size:22px}.login-card .brand span{color:var(--teal)}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.secret{background:var(--surface);border:1px dashed var(--border2);padding:12px;border-radius:8px;word-break:break-all}.spark{display:flex;align-items:flex-end;gap:2px;height:80px}.spark>div{flex:1;background:var(--teal);border-radius:2px 2px 0 0;min-height:2px}.ren.churn-High{box-shadow:inset 4px 0 0 var(--coral)}.ren.churn-Medium{box-shadow:inset 4px 0 0 var(--amber)}.ren.churn-Low{box-shadow:inset 4px 0 0 var(--teal)}.ren.churn-Unknown{box-shadow:inset 4px 0 0 var(--border2)}.churn{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap}.churn.churn-High{background:var(--coral-bg);color:var(--coral)}.churn.churn-Medium{background:var(--amber-bg);color:var(--amber)}.churn.churn-Low{background:var(--teal-bg);color:var(--teal)}.churn.churn-Unknown{background:var(--surface);color:var(--muted)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:10px 18px;border-bottom:1px solid var(--border)}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.heat{display:grid;gap:4px}.heat-cell{border-radius:6px;padding:12px 10px;text-align:center;font-variant-numeric:tabular-nums}.heat-cell b{display:block;font-size:18px}.heat-cell span{font-size:11px}.heat-head{font-size:12px;font-weight:600;color:var(--muted);align-self:end;text-align:center;padding-bottom:4px}.heat-row{font-size:13px;font-weight:600;align-self:center}.opp{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);align-items:center}.opp:last-child{border-bottom:none}