:root{--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--sp: 4px;--shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);--shadow-md: 0 4px 12px rgba(16,24,40,.08), 0 2px 4px rgba(16,24,40,.05);--shadow-lg: 0 12px 32px rgba(16,24,40,.12), 0 4px 8px rgba(16,24,40,.06);--chart-1: #4f46e5;--chart-2: #06b6d4;--chart-3: #10b981;--chart-4: #f59e0b;--chart-5: #ef4444;--chart-6: #8b5cf6;--chart-7: #ec4899;--chart-8: #14b8a6}:root,:root[data-theme=light]{--bg: #f5f6fa;--bg-grad: radial-gradient(1200px 600px at 100% -10%, #eef1ff 0%, transparent 60%), radial-gradient(900px 500px at -10% 110%, #eafcff 0%, transparent 55%);--surface: #ffffff;--surface-2: #fafbfe;--surface-hover: #f2f4fa;--border: #e6e8ef;--border-strong: #d3d7e2;--text: #12151f;--text-2: #3d4356;--muted: #6b7280;--faint: #9aa1b2;--accent: #4f46e5;--accent-weak: #eef0ff;--accent-text: #ffffff;--good: #059669;--good-weak: #e7f7f0;--warn: #d97706;--warn-weak: #fdf3e5;--bad: #dc2626;--bad-weak: #fdeaea;--ring: rgba(79,70,229,.35)}:root[data-theme=dark]{--bg: #0a0c12;--bg-grad: radial-gradient(1200px 600px at 100% -10%, #171a2e 0%, transparent 60%), radial-gradient(900px 500px at -10% 110%, #0c1c22 0%, transparent 55%);--surface: #12151e;--surface-2: #161a25;--surface-hover: #1c2130;--border: #232838;--border-strong: #2f3648;--text: #eef1f8;--text-2: #c2c8d8;--muted: #8a92a6;--faint: #5e6577;--accent: #7c8cff;--accent-weak: #1c2036;--accent-text: #0a0c12;--good: #34d399;--good-weak: #10241d;--warn: #fbbf24;--warn-weak: #2a2010;--bad: #f87171;--bad-weak: #2a1516;--ring: rgba(124,140,255,.4);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 18px rgba(0,0,0,.45);--shadow-lg: 0 16px 40px rgba(0,0,0,.55)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#root{background-image:var(--bg-grad);background-attachment:fixed}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}::selection{background:var(--ring)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:content-box}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:6px 8px 18px}.brand-img{display:block;width:auto}:root[data-theme=dark] .brand-img{filter:brightness(0) invert(1)}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:.01em}.nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}.nav-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;color:var(--text-2);font-weight:550;cursor:pointer;font-size:13.5px;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--accent-weak);color:var(--accent);font-weight:650}.nav-item .ico{display:inline-flex;align-items:center;justify-content:center;width:20px}.nav-item .ico svg{display:block}.sidebar-foot{margin-top:auto;padding-top:14px}.main{min-width:0;display:flex;flex-direction:column}.content{padding:22px 28px 60px;max-width:1360px;width:100%;margin:0 auto}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:12px 28px}.topbar h1{font-size:18px}.topbar .crumb{color:var(--muted);font-weight:500}.topbar .spacer{flex:1}.j-badge{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:color-mix(in srgb,var(--jc, var(--accent)) 16%,var(--surface));color:var(--jc, var(--accent))}.filterbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:3px}.field>label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.select,.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;padding:7px 11px;outline:none;transition:border-color .12s,box-shadow .12s}.select{padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.select:focus,.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.input::placeholder{color:var(--faint)}.search-wrap{position:relative;display:inline-flex;align-items:center}.search-wrap .search-ico{position:absolute;left:11px;color:var(--faint);pointer-events:none}.search-wrap .search-input{width:100%;padding-left:33px}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.segmented button{font-family:inherit;font-size:12.5px;font-weight:600;color:var(--muted);background:transparent;border:0;border-radius:7px;padding:6px 12px;cursor:pointer;transition:all .12s}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.btn{font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;background:var(--surface);color:var(--text-2);border:1px solid var(--border-strong);border-radius:9px;padding:8px 14px;display:inline-flex;align-items:center;gap:7px;transition:all .12s}.btn:hover{background:var(--surface-hover);border-color:var(--faint)}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:transparent;border-color:transparent}.btn.icon{padding:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:7px}.badge.good{background:var(--good-weak);color:var(--good)}.badge.warn{background:var(--warn-weak);color:var(--warn)}.badge.accent{background:var(--accent-weak);color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:18px 20px}.card-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.card-head h3{font-size:14.5px}.card-head .sub{font-size:12px;color:var(--muted);font-weight:500}.card-head .spacer{flex:1}.grid{display:grid;gap:16px}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1080px){.cols-2,.cols-3{grid-template-columns:1fr}}.kpi{padding:16px 18px}.kpi .k-label{font-size:12px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:7px}.kpi .k-label .dot{width:8px;height:8px;border-radius:3px}.kpi .k-value{font-size:26px;font-weight:720;letter-spacing:-.02em;margin-top:7px;font-variant-numeric:tabular-nums}.kpi .k-value small{font-size:15px;color:var(--muted);font-weight:600}.kpi .k-sub{font-size:12px;color:var(--faint);margin-top:3px}.board-hero{margin-bottom:22px}.board-hero h1{font-size:26px;letter-spacing:-.025em}.board-hero p{color:var(--muted);margin:7px 0 0;font-size:14.5px;max-width:640px}.journey-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.jcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .14s,box-shadow .14s,border-color .14s;position:relative;overflow:hidden}.jcard:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--jc, var(--accent));opacity:.9}.jcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.jcard .jico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--jc, var(--accent)) 15%,var(--surface));color:var(--jc, var(--accent));margin-bottom:14px}.jcard h3{font-size:16px}.jcard p{color:var(--muted);font-size:13px;margin:6px 0 14px;line-height:1.45}.jcard .jreports{display:flex;flex-wrap:wrap;gap:6px}.jcard .jtag{font-size:11px;font-weight:600;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:3px 7px}.report-nav{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid var(--border)}.report-nav button{font-family:inherit;font-size:13.5px;font-weight:600;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 14px;cursor:pointer;transition:color .12s}.report-nav button:hover{color:var(--text)}.report-nav button.on{color:var(--accent);border-bottom-color:var(--accent)}.report-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:16px;flex-wrap:wrap}.report-head .rh-text h2{font-size:19px}.report-head .rh-text p{color:var(--muted);font-size:13px;margin:3px 0 0}.report-head .spacer{flex:1}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th,table.tbl td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);white-space:nowrap}table.tbl th{font-size:11.5px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);position:sticky;top:0;background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none}table.tbl th.sortable:hover{color:var(--text)}table.tbl th .arrow{margin-left:4px;vertical-align:middle;opacity:.85}table.tbl td.num,table.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}table.tbl tbody tr{transition:background .1s}table.tbl tbody tr:hover{background:var(--surface-hover)}table.tbl td.rank{color:var(--faint);font-weight:600;width:40px}table.tbl td.strong{font-weight:600;color:var(--text)}table.tbl a.link{color:var(--accent);font-weight:600;cursor:pointer}table.tbl a.link:hover{text-decoration:underline}.mini-bar{height:6px;border-radius:3px;background:var(--accent);opacity:.85;min-width:2px}.tbl-block{display:flex;flex-direction:column}.tbl-toolbar{display:flex;justify-content:flex-end;padding:8px 12px 2px}.btn-export{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:5px 10px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.btn-export:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-weak)}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:13px;margin-bottom:14px;flex-wrap:wrap}.breadcrumb .bc{color:var(--accent);cursor:pointer;font-weight:600}.breadcrumb .bc:hover{text-decoration:underline}.breadcrumb .sep{color:var(--faint)}.breadcrumb .cur{color:var(--text);font-weight:600}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.empty .big{font-size:34px;margin-bottom:8px;opacity:.6}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-wrap{display:grid;place-items:center;padding:60px}.top-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .2s}.top-progress.on{opacity:1}.top-progress .tp-bar{position:absolute;height:100%;width:40%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,transparent,var(--accent),#06b6d4);animation:tp 1.1s ease-in-out infinite}@keyframes tp{0%{left:-45%}to{left:100%}}.busy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 62%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:inherit}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:sk 1.3s infinite;border-radius:8px}@keyframes sk{to{background-position:-200% 0}}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background-image:var(--bg-grad)}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:32px}.login-card .brand{justify-content:center;padding-bottom:8px}.login-card h2{text-align:center;font-size:20px}.login-card p{text-align:center;color:var(--muted);font-size:13px;margin:6px 0 22px}.login-card .input{width:100%;margin-bottom:12px;padding:11px 13px}.login-card .btn{width:100%;justify-content:center;padding:11px}.login-err{color:var(--bad);font-size:12.5px;text-align:center;margin-top:10px;min-height:16px}.row{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.mb0{margin-bottom:0}.mt0{margin-top:0}.tnum{font-variant-numeric:tabular-nums}.mobile-bar,.nav-backdrop{display:none}@media (max-width: 860px){.app{grid-template-columns:1fr}.mobile-bar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:44;padding:10px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}.mobile-bar .hamburger{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);cursor:pointer}.mobile-bar .hamburger:active{background:var(--surface-hover)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#00000073}.sidebar{position:fixed;z-index:50;transform:translate(-100%);transition:transform .2s;width:264px;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.content{padding:18px 16px 60px}.topbar{position:static;flex-wrap:wrap;gap:10px;padding:12px 16px}.filterbar{width:100%;gap:8px}.filterbar .field{flex:1 1 130px}.filterbar .select{width:100%}.report-head{gap:10px}.report-head .spacer{display:none}.grid{gap:12px}}