:root{--jd-bg:var(--bg-base,#fafafa);--jd-card:var(--bg-raised,#fff);--jd-sunken:var(--bg-sunken,#f3f4f6);--jd-text:var(--text-primary,#111827);--jd-muted:var(--text-secondary,#6b7280);--jd-faint:var(--text-tertiary,#9ca3af);--jd-border:var(--border-default,#e5e7eb);--jd-border-subtle:var(--border-subtle,#f3f4f6);--jd-accent:var(--accent-primary,#6366f1);--jd-accent-soft:var(--accent-primary-soft,#6366f11a);--jd-accent-glow:var(--accent-primary-glow,#a855f7);--jd-success:var(--semantic-success,#10b981);--jd-warning:var(--semantic-warning,#f59e0b);--jd-error:var(--semantic-error,#ef4444);--jd-info:var(--semantic-info,#3b82f6);--jd-radius:var(--radius,.5rem);--jd-radius-lg:calc(var(--radius,.5rem) * 1.5);--jd-shadow-soft:0 1px 2px #0000000a, 0 4px 6px -1px #0000000d;--jd-shadow-hover:0 1px 2px #0000000a, 0 4px 8px #0000000a, 0 12px 24px #0000000f}.jd-row{align-items:center;gap:8px;display:flex}.jd-stack{flex-direction:column;gap:16px;display:flex}.jd-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.jd-kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.jd-num{font-variant-numeric:tabular-nums;letter-spacing:-.005em}@media (max-width:880px){.jd-grid-2{grid-template-columns:1fr}}.jd-text-muted{color:var(--jd-muted)}.jd-text-faint{color:var(--jd-faint)}.jd-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--jd-muted);font-size:11px;font-weight:600}.jd-card{background:var(--jd-card);border:1px solid var(--jd-border-subtle);border-radius:var(--jd-radius-lg);box-shadow:var(--jd-shadow-soft);padding:18px;transition:box-shadow .18s,transform .18s}.jd-card.is-hoverable:hover{box-shadow:var(--jd-shadow-hover);transform:translateY(-1px)}.jd-card-title{font:600 13px var(--font-heading,system-ui);color:var(--jd-text);justify-content:space-between;align-items:center;margin:0 0 12px;display:flex}.jd-kpi{background:var(--jd-card);border:1px solid var(--jd-border-subtle);border-radius:var(--jd-radius);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.jd-kpi.is-accent{border-color:var(--jd-accent);background:linear-gradient(180deg, var(--jd-accent-soft), var(--jd-card))}.jd-kpi-label{color:var(--jd-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.jd-kpi-value{font:700 24px var(--font-heading,system-ui);color:var(--jd-text)}.jd-kpi-sub{color:var(--jd-faint);font-size:11px}.jd-delta{border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.jd-delta.up{background:var(--semantic-success-soft,#10b98124);color:var(--semantic-success,#047857)}.jd-delta.down{background:var(--semantic-error-soft,#ef444424);color:var(--semantic-error,#b91c1c)}.jd-delta.neu{background:var(--jd-sunken);color:var(--jd-muted)}.jd-btn{border-radius:var(--jd-radius);font:500 13px var(--font-body,system-ui);cursor:pointer;color:var(--jd-text);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:7px 12px;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.jd-btn:active{transform:translateY(1px)}.jd-btn-primary{background:var(--jd-accent);color:var(--text-on-accent,white)}.jd-btn-primary:hover{background:var(--accent-primary-hover,#4f46e5)}.jd-btn-ghost{background:var(--jd-sunken)}.jd-btn-ghost:hover{background:var(--jd-border-subtle)}.jd-btn-outline{border-color:var(--jd-border)}.jd-btn-outline:hover{background:var(--jd-sunken)}.jd-btn:disabled{cursor:not-allowed;opacity:.5}.jd-pill{background:var(--jd-sunken);color:var(--jd-muted);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.jd-pill:hover{background:var(--jd-border-subtle);color:var(--jd-text)}.jd-pill.is-active{background:var(--jd-accent-soft);color:var(--jd-accent);border-color:var(--jd-accent)}.jd-pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.jd-segmented{background:var(--jd-sunken);border-radius:var(--jd-radius);border:1px solid var(--jd-border-subtle);padding:3px;display:inline-flex}.jd-seg{border-radius:calc(var(--jd-radius) - 2px);color:var(--jd-muted);cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.jd-seg:hover{color:var(--jd-text)}.jd-seg.is-active{background:var(--jd-card);color:var(--jd-text);box-shadow:var(--jd-shadow-soft)}.jd-tabs{border-bottom:1px solid var(--jd-border-subtle);gap:4px;margin-bottom:-1px;display:flex}.jd-tab{color:var(--jd-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.jd-tab:hover{color:var(--jd-text)}.jd-tab.is-active{color:var(--jd-accent);border-bottom-color:var(--jd-accent)}.jd-tab-count{background:var(--jd-sunken);color:var(--jd-muted);border-radius:999px;padding:1px 6px;font-size:11px}.jd-field{flex-direction:column;gap:4px;display:flex}.jd-field-label{color:var(--jd-faint);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.jd-search{background:var(--jd-card);border:1px solid var(--jd-border);border-radius:var(--jd-radius);color:var(--jd-muted);align-items:center;gap:6px;min-width:180px;padding:6px 10px;display:inline-flex}.jd-search:focus-within{border-color:var(--jd-accent)}.jd-input{font:400 13px var(--font-body,system-ui);color:var(--jd-text);background:0 0;border:none;outline:none;flex:1;width:100%}.jd-select{border:1px solid var(--jd-border);background:var(--jd-card);border-radius:var(--jd-radius);font:400 13px var(--font-body,system-ui);color:var(--jd-text);padding:6px 10px}.jd-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-block}.jd-badge.good{background:var(--semantic-success-soft,#10b98124);color:var(--semantic-success,#047857)}.jd-badge.bad{background:var(--semantic-error-soft,#ef444424);color:var(--semantic-error,#b91c1c)}.jd-badge.warn{background:var(--semantic-warning-soft,#f59e0b24);color:var(--semantic-warning,#92400e)}.jd-badge.info{background:var(--semantic-info-soft,#3b82f624);color:var(--semantic-info,#1d4ed8)}.jd-badge.neutral{background:var(--jd-sunken);color:var(--jd-muted)}.jd-hero{background:linear-gradient(135deg, var(--jd-accent-soft), var(--jd-card));border:1px solid var(--jd-border-subtle);border-radius:var(--jd-radius-lg);padding:22px 26px}.jd-hero h2{font:700 22px var(--font-heading,system-ui);color:var(--jd-text);letter-spacing:-.02em;margin:6px 0 8px;line-height:1.25}.jd-hero p{color:var(--jd-muted);margin:0;font-size:13.5px;line-height:1.55}.jd-insight{border-radius:var(--jd-radius);border:1px solid var(--jd-border-subtle);background:var(--jd-card);gap:12px;padding:12px 14px;display:flex}.jd-insight.is-good{border-color:color-mix(in srgb, var(--semantic-success,#10b981) 30%, transparent);background:color-mix(in srgb, var(--semantic-success,#10b981) 4%, var(--jd-card))}.jd-insight.is-bad{border-color:color-mix(in srgb, var(--semantic-error,#ef4444) 30%, transparent);background:color-mix(in srgb, var(--semantic-error,#ef4444) 4%, var(--jd-card))}.jd-insight.is-warn{border-color:color-mix(in srgb, var(--semantic-warning,#f59e0b) 30%, transparent);background:color-mix(in srgb, var(--semantic-warning,#f59e0b) 4%, var(--jd-card))}.jd-insight.is-info{border-color:color-mix(in srgb, var(--semantic-info,#3b82f6) 30%, transparent);background:color-mix(in srgb, var(--semantic-info,#3b82f6) 4%, var(--jd-card))}.jd-insight-icon{background:var(--jd-card);border:1px solid var(--jd-border-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.jd-insight h5{font:600 13px var(--font-body,system-ui);color:var(--jd-text);margin:0 0 2px}.jd-insight p{color:var(--jd-muted);margin:0;font-size:12.5px;line-height:1.5}.jd-empty{text-align:center;color:var(--jd-muted);padding:48px 32px}.jd-empty-icon{background:var(--jd-sunken);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:inline-flex}.jd-empty h4{font:600 14px var(--font-body,system-ui);color:var(--jd-text);margin:0}.jd-empty p{color:var(--jd-faint);margin:0}.jd-skeleton{background:linear-gradient(90deg, var(--jd-sunken) 0%, var(--jd-border-subtle) 50%, var(--jd-sunken) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite jd-shimmer}@keyframes jd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.jd-sidebar{background:var(--jd-card);border-right:1px solid var(--jd-border-subtle);z-index:10;flex-direction:column;width:240px;height:100vh;display:flex;position:fixed;top:0;left:0}.jd-sidebar-head{border-bottom:1px solid var(--jd-border-subtle);align-items:center;gap:10px;padding:18px 18px 14px;display:flex}.jd-sidebar-logo{background:linear-gradient(135deg, var(--jd-accent), var(--jd-accent-glow));width:32px;height:32px;color:var(--text-on-accent,white);font:700 14px var(--font-heading,system-ui);border-radius:8px;justify-content:center;align-items:center;display:flex}.jd-sidebar-name{font:600 14px var(--font-heading,system-ui);color:var(--jd-text)}.jd-sidebar-name span{color:var(--jd-faint);font-weight:400}.jd-sidebar-body{flex:1;padding:14px 10px;overflow-y:auto}.jd-sidebar-section{text-transform:uppercase;letter-spacing:.08em;color:var(--jd-faint);padding:12px 10px 6px;font-size:10px;font-weight:600}.jd-nav-item{border-radius:var(--jd-radius);width:100%;color:var(--jd-muted);font:500 13px var(--font-body,system-ui);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;transition:all .12s;display:flex}.jd-nav-item:hover{background:var(--jd-sunken);color:var(--jd-text)}.jd-nav-item.is-active{background:var(--jd-accent-soft);color:var(--jd-accent)}.jd-nav-badge{background:var(--jd-sunken);color:var(--jd-muted);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:600}.jd-sidebar-foot{border-top:1px solid var(--jd-border-subtle);padding:14px 14px 16px}.jd-avatar{background:linear-gradient(135deg, var(--jd-accent), var(--jd-accent-glow));width:30px;height:30px;color:var(--text-on-accent,white);font:600 11px var(--font-body,system-ui);border-radius:50%;justify-content:center;align-items:center;display:flex}.jd-toolbar{background:var(--jd-card);border-bottom:1px solid var(--jd-border-subtle);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;display:flex}.jd-topbar{background:var(--jd-card);border-bottom:1px solid var(--jd-border-subtle);align-items:center;gap:12px;padding:14px 24px;display:flex}.jd-topbar-title{font:700 17px var(--font-heading,system-ui);color:var(--jd-text);letter-spacing:-.015em}.jd-topbar-spacer{flex:1}.jd-upload{border:2px dashed var(--jd-border);border-radius:var(--jd-radius-lg);text-align:center;cursor:pointer;background:var(--jd-card);padding:38px 24px;transition:all .15s}.jd-upload:hover,.jd-upload.is-dragging{border-color:var(--jd-accent);background:var(--jd-accent-soft)}.jd-upload-icon{background:var(--jd-sunken);width:48px;height:48px;color:var(--jd-accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.jd-table-wrap{background:var(--jd-card);border:1px solid var(--jd-border-subtle);border-radius:var(--jd-radius-lg);overflow:hidden}.jd-table-scroll{overflow:auto}.jd-table{border-collapse:collapse;width:100%;font:400 13px var(--font-body,system-ui)}.jd-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--jd-faint);background:var(--jd-card);border-bottom:1px solid var(--jd-border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.jd-table th:hover{color:var(--jd-text)}.jd-table th.sorted{color:var(--jd-accent)}.jd-table th.num,.jd-table td.num{text-align:right;font-variant-numeric:tabular-nums}.jd-table tr:hover td{background:var(--jd-sunken)}.jd-table td{border-bottom:1px solid var(--jd-border-subtle);color:var(--jd-text);padding:10px 14px}.jd-table tr:last-child td{border-bottom:none}.sort-arrow{opacity:.7;font-size:9px}