:root{--navy-900: #1c2434;--navy-800: #232d40;--navy-700: #303c52;--navy-600: #3e4a61;--navy-500: #4d596f;--blue-700: #444fb0;--blue-600: #4f5cc9;--blue-500: #5b6ee1;--blue-100: #dfe3f8;--blue-50: #eef0fb;--ink-900: #1e293b;--ink-800: #293548;--ink-700: #3d4a5c;--ink-600: #475569;--ink-500: #5a6675;--ink-400: #64748b;--ink-300: #94a3b8;--line: #e2e8f0;--line-soft: #f1f5f9;--surface: #ffffff;--surface-alt: #f8fafc;--canvas: #f4f7fa;--ok-700: #15803d;--ok-600: #16a34a;--ok-50: #e9f6ed;--warn-700: #b45309;--warn-600: #d97706;--warn-50: #fdf3e3;--bad-700: #b91c1c;--bad-600: #dc2626;--bad-50: #fdecec;--info-600: var(--blue-600);--info-50: var(--blue-50);--purple-600: #7157cd;--purple-50: #f0ecfb;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(11, 26, 48, .05), 0 1px 3px rgba(11, 26, 48, .04);--sh-2: 0 4px 14px rgba(11, 26, 48, .08);--sh-3: 0 14px 38px rgba(11, 26, 48, .14);--sidebar-w: 244px;--topbar-h: 60px;--font-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;--font-num: "Inter", "SF Mono", ui-monospace, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--ink-900);background:var(--canvas);font-family:var(--font-sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}table{border-collapse:collapse;width:100%}svg{display:block}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus-visible{outline:2px solid var(--blue-600);outline-offset:2px;border-radius:var(--r-xs)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#17202a2e;border:3px solid transparent;border-radius:var(--r-pill);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#17202a4d;background-clip:content-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.btn{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-800);font-size:16px;font-weight:600;white-space:nowrap;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.btn:hover{background:var(--surface-alt);border-color:var(--ink-300)}.btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.9;fill:none}.btn--primary{border-color:transparent;background:var(--blue-600);color:#fff;box-shadow:0 1px 2px #0e6fef4d}.btn--primary:hover{background:var(--blue-700);border-color:transparent}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed}.btn:disabled:hover,.btn[disabled]:hover{background:var(--surface);border-color:var(--line)}.btn--primary:disabled:hover,.btn--primary[disabled]:hover{background:var(--blue-600);border-color:transparent}.btn--ghost{border-color:transparent;background:transparent;color:var(--ink-600)}.btn--ghost:hover{background:var(--line-soft);border-color:transparent}.btn--sm{min-height:36px;padding:7px 13px;font-size:15px}.btn--sm svg{width:13px;height:13px}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1)}.card__head{display:flex;gap:14px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line-soft)}.card__head h2{flex:1 1 auto;min-width:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.card__head p{margin-top:2px;color:var(--ink-500);font-size:14px;font-weight:400}.card__body{padding:18px}.card__body--flush{padding:0}.card__foot{padding:11px 18px;border-top:1px solid var(--line-soft);background:var(--surface-alt);border-radius:0 0 var(--r-lg) var(--r-lg);color:var(--ink-500);font-size:15px}.grid{display:grid;gap:16px}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--main{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);align-items:start}.stack{display:grid;gap:16px}@media(max-width:1240px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1080px){.grid--main,.grid--3,.grid--2{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.grid--4{grid-template-columns:minmax(0,1fr)}}.kpi{position:relative;padding:16px 17px 15px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);overflow:hidden}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent, var(--blue-600))}.kpi__label{display:flex;gap:6px;align-items:center;color:var(--ink-500);font-size:14px;font-weight:600;letter-spacing:.01em}.kpi__value{display:flex;align-items:baseline;gap:3px;margin-top:8px;font-size:28px;font-weight:700;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums}.kpi__value small{font-size:16px;font-weight:600;color:var(--ink-500);letter-spacing:0}.kpi__foot{display:flex;gap:8px;align-items:center;margin-top:9px;font-size:14px;color:var(--ink-500)}.trend{display:inline-flex;gap:3px;align-items:center;padding:1px 6px 1px 4px;border-radius:var(--r-xs);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.trend svg{width:11px;height:11px;stroke:currentColor;stroke-width:2.4;fill:none}.trend--up{background:var(--ok-50);color:var(--ok-700)}.trend--down{background:var(--bad-50);color:var(--bad-700)}.trend--flat{background:var(--line-soft);color:var(--ink-500)}.badge{display:inline-flex;gap:6px;align-items:center;padding:0;border-radius:0;background:none;color:var(--ink-600);font-size:14px;font-weight:600;white-space:nowrap;line-height:1.6}.badge:before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--badge-dot, var(--ink-300))}.badge--ok{--badge-dot: var(--ok-600)}.badge--warn{--badge-dot: var(--warn-600)}.badge--bad{--badge-dot: var(--bad-600);color:var(--bad-700);font-weight:700}.badge--info{--badge-dot: var(--blue-500)}.badge--purple{--badge-dot: var(--purple-600)}.badge--muted{--badge-dot: var(--ink-300);color:var(--ink-500)}.tablewrap{overflow-x:auto}.table{min-width:100%;font-size:16px}.table thead th{position:sticky;top:0;z-index:1;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--surface-alt);color:var(--ink-500);font-size:14px;font-weight:700;letter-spacing:.02em;text-align:left;white-space:nowrap}.table tbody td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:var(--blue-50)}.table .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table .c{text-align:center}a.link{color:var(--blue-600);font-weight:600}a.link:hover{text-decoration:underline}.cell-main{font-weight:600;color:var(--ink-900)}.cell-sub{margin-top:1px;color:var(--ink-400);font-size:14px}.pos{color:var(--ok-700);font-weight:700}.neg{color:var(--bad-700);font-weight:700}.muted{color:var(--ink-500)}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.field{position:relative;display:inline-flex;align-items:center}.field select,.field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;padding:10px 32px 10px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);font-size:15px;transition:border-color .14s ease,box-shadow .14s ease}.field input{padding-right:11px}.field input[type=search]{min-width:220px}.field select:focus,.field input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}.field__caret{position:absolute;right:10px;width:12px;height:12px;stroke:var(--ink-400);stroke-width:2;fill:none;pointer-events:none}.segmented{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-alt)}.segmented button{padding:5px 12px;border-radius:var(--r-xs);color:var(--ink-600);font-size:15px;font-weight:600;transition:background .14s ease,color .14s ease}.segmented button.is-active{background:var(--surface);color:var(--ink-900);box-shadow:var(--sh-1)}.count-note{margin-left:auto;color:var(--ink-500);font-size:15px;font-variant-numeric:tabular-nums}.bar{height:6px;border-radius:var(--r-pill);background:var(--line-soft);overflow:hidden}.bar>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--bar-color, var(--blue-600))}.empty{padding:40px 20px;text-align:center;color:var(--ink-500)}.empty svg{width:34px;height:34px;margin:0 auto 10px;stroke:var(--ink-300);stroke-width:1.5;fill:none}.samplebar{display:flex;gap:9px;align-items:flex-start;margin-bottom:18px;padding:10px 14px;border:1px solid var(--warn-50);border-left:3px solid var(--warn-600);border-radius:var(--r-sm);background:#fffaf2;color:var(--warn-700);font-size:15px;line-height:1.55}.samplebar svg{width:15px;height:15px;flex:0 0 auto;margin-top:2px;stroke:currentColor;stroke-width:1.9;fill:none}.samplebar b{color:var(--warn-700)}.soon{display:grid;place-items:center;padding:64px 24px;border:1px dashed var(--line);border-radius:var(--r-lg);background:var(--surface);text-align:center}.kpi--link{display:block;transition:border-color .14s ease,box-shadow .14s ease}.kpi--link:hover{border-color:var(--blue-500);box-shadow:var(--sh-2)}.kpi--link:active{background:var(--blue-50)}.kpi__go{display:flex;gap:3px;align-items:center;margin-top:9px;color:var(--blue-700);font-size:13.5px;font-weight:700}.kpi__go svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.2;fill:none}@media(max-width:860px){.grid--4{gap:9px}.kpi{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px 10px;padding:14px 14px 14px 17px;border-radius:var(--r-md)}.kpi__label{grid-column:1;grid-row:1;font-size:16px;font-weight:700;color:var(--ink-900)}.kpi__value{grid-column:2;grid-row:1;margin-top:0;font-size:23px}.kpi__foot{grid-column:1 / -1;grid-row:2;margin-top:2px;font-size:13.5px}.kpi__go{grid-column:3;grid-row:1;margin-top:0;color:var(--ink-300)}.kpi__go span{display:none}.kpi__go svg{width:18px;height:18px}}