:root{--bg-0: #05060b;--bg-1: #0a0d17;--text: #e9edf6;--muted: #8b93a7;--muted-2: #6b7280;--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .05);--glass: rgba(255, 255, 255, .045);--glass-2: rgba(255, 255, 255, .07);--blue: #3b82f6;--purple: #a855f7;--amber: #f59e0b;--green: #34d399;--grad: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 55%, #a855f7 100%);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden}body{font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,sans-serif;color:var(--text);background:radial-gradient(1100px 700px at 88% -8%,rgba(37,99,235,.22),transparent 60%),radial-gradient(900px 620px at 108% 108%,rgba(244,114,60,.16),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0));background-attachment:fixed;overflow-x:hidden}.shell{position:relative;display:flex;gap:18px;min-height:100vh;padding:18px;overflow-x:clip}.bg-glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.bg-glow--blue{width:46vw;max-width:460px;aspect-ratio:1;top:-160px;right:0;background:#3b82f659}.bg-glow--warm{width:42vw;max-width:420px;aspect-ratio:1;bottom:-120px;right:0;background:#f9731647}.rail{position:relative;z-index:1;flex:0 0 64px;display:flex;flex-direction:column;align-items:center;padding:18px 0;border-radius:20px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.brand{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:var(--grad);box-shadow:0 8px 24px #5865f266}.topbar{display:flex;align-items:center;padding:2px 4px 12px}.topbar-logo,.rail-logo,.login-logo{display:block;width:auto;object-fit:contain;color:#e2e8f0}.topbar-logo{height:34px;max-width:60%}.rail-logo{height:30px;max-width:44px}.login-logo{height:40px;max-width:70%;margin-bottom:4px}span.topbar-logo{width:120px}span.rail-logo{width:34px}span.login-logo{width:140px}.topbar-logo svg,.rail-logo svg,.login-logo svg{display:block;width:100%;height:100%}.main{position:relative;z-index:1;flex:1;min-width:0;max-width:1240px;margin:0 auto;padding-bottom:48px}.content,.panel-grid,.kpi-layout,.kpi-grid{min-width:0}.panel-grid>*,.kpi-layout>*{min-width:0}.glass{background:var(--glass);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 20px 50px #00000059}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 26px}.hero-kicker{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero h1{margin:8px 0 6px;font-size:26px;font-weight:700}.hero-sub{margin:0;font-size:12.5px;color:var(--muted)}.hero-controls{display:flex;align-items:center;gap:12px}.ym-selector{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.ym-selector select{font-size:14px;padding:9px 14px;color:var(--text);border:1px solid var(--line);border-radius:12px;background:#0a0e1899;outline:none}.ym-selector select:focus{border-color:var(--blue)}.uploader{margin:16px 0 12px;padding:18px;border:1.5px dashed var(--line);border-radius:16px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s}.uploader--over{border-color:var(--blue);background:#3b82f61f}.uploader p{margin:0}.statusbar{display:flex;flex-wrap:wrap;gap:6px 20px;padding:11px 16px;border:1px solid var(--line);border-radius:14px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:12px;color:var(--muted)}.statusbar b{color:var(--text)}.statusbar-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #34d3992e}.statusbar .warn{color:var(--amber)}.statusbar .hint{margin-left:6px;color:var(--muted-2)}.statusbar--error{border-color:#f8717166;background:#7f1d1d40;color:#fecaca;white-space:pre-wrap}.placeholder{margin-top:32px;color:var(--muted)}.content{margin-top:18px}.kpi-layout{display:grid;grid-template-columns:260px 1fr;gap:16px}.kpi-hero{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px}.kpi-hero-head{width:100%;display:flex;flex-direction:column;gap:2px}.kpi-hero-head span:first-child{font-size:14px;font-weight:600}.kpi-hero-sub{font-size:11.5px;color:var(--muted)}.kpi-hero-foot{width:100%;display:flex;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line-soft)}.kpi-hero-foot-label{font-size:11px;color:var(--muted)}.kpi-hero-foot-value{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.kpi-card{position:relative;padding:16px;border-radius:16px;overflow:hidden}.kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:3px}button.kpi-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left;color:inherit}.kpi-card--clickable{cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.kpi-card--clickable:hover{border-color:#ffffff38;background:#ffffff14;transform:translateY(-1px)}.kpi-card--clickable:after{content:"›";position:absolute;top:12px;right:14px;color:var(--muted);font-size:15px}.kpi-card--blue:before{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.kpi-card--purple:before{background:linear-gradient(180deg,#a855f7,#c084fc)}.kpi-card--amber:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.kpi-card--green:before{background:linear-gradient(180deg,#10b981,#34d399)}.kpi-label{font-size:12px;color:var(--muted)}.kpi-value{font-size:21px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kpi-hint{font-size:10.5px;color:var(--muted-2);margin-top:5px}.donut-value{fill:var(--text);font-size:22px;font-weight:700}.donut-caption{fill:var(--muted);font-size:10px}.panel-grid{margin-top:16px;display:grid;grid-template-columns:1fr;gap:16px}.panel{padding:18px 18px 8px;min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.panel-head h2{margin:0;font-size:15px;font-weight:600}.panel-tag{font-size:11px;color:var(--muted);padding:3px 9px;border:1px solid var(--line);border-radius:999px}.panel-hint{margin-left:auto;font-size:11px;color:var(--muted-2)}.link-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--text);cursor:pointer;border-bottom:1px dashed rgba(139,148,176,.5);transition:color .12s,border-color .12s}.link-cell:hover{color:#c4b5fd;border-bottom-color:#c4b5fd}.crumb{display:flex;align-items:center;gap:8px}.crumb-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;font:inherit;letter-spacing:.14em;text-transform:uppercase;color:#93c5fd;cursor:pointer}.crumb-link:disabled{color:var(--muted);cursor:default}.crumb-sep{color:var(--muted-2)}.crumb-current{color:var(--text);text-transform:none;letter-spacing:0;font-weight:600}.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:12.5px;color:var(--text);padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:#ffffff0a;cursor:pointer;transition:background .12s,border-color .12s}.btn-ghost:hover{background:#ffffff17;border-color:#fff3}.btn-ghost--muted{color:var(--muted);border-color:var(--line-soft)}.login-screen{min-height:100vh;padding:24px 16px 40px}.login-card{width:100%;max-width:340px;margin:14vh auto 0;padding:28px 22px 24px;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;font-size:18px}.login-sub{margin:0 0 6px;font-size:12.5px;color:var(--muted)}.login-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.login-field input{font-size:16px;padding:11px 13px;color:var(--text);border:1px solid var(--line);border-radius:12px;background:#0a0e1899;outline:none}.login-field input:focus{border-color:var(--blue)}.login-error{margin:0;font-size:12.5px;color:#fca5a5}.login-btn{margin-top:6px;font:inherit;font-size:15px;font-weight:600;color:#fff;padding:12px;border:0;border-radius:12px;background:var(--grad);cursor:pointer}.login-btn:active{opacity:.9}.table-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0 -18px;padding:0 4px 4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.table-scroll::-webkit-scrollbar{height:6px;-webkit-appearance:none}.table-scroll::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:3px}table{border-collapse:collapse;width:100%;min-width:max-content;font-size:13px}th,td{padding:10px 14px;border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap}thead th{position:sticky;top:0;background:#0c101ae6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);font-weight:500;font-size:11.5px;letter-spacing:.03em}tbody tr{transition:background .12s}tbody tr:hover{background:#ffffff08}tbody tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .12s}th.sortable:hover{color:var(--text)}th.sorted{color:#c4b5fd}td.rank{color:var(--muted);width:40px}.staff-cell{font-weight:600}td.bar-cell{position:relative;isolation:isolate}td.bar-cell:before{content:"";position:absolute;z-index:-1;right:0;top:6px;bottom:6px;width:var(--pct, 0%);min-width:2px;border-radius:6px;background:linear-gradient(90deg,#3b82f60d,#8b5cf652)}td.bar-cell>span{position:relative;font-weight:600}td.empty{text-align:center;color:var(--muted);padding:24px}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#03050c99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .15s ease}.drawer{position:relative;width:min(920px,94vw);height:100%;border-radius:22px 0 0 22px;padding:22px 24px 40px;overflow-y:auto;background:#0c101aeb;animation:slide-in .2s ease}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(24px);opacity:0}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.drawer-head h2{margin:6px 0 0;font-size:22px}.drawer-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#ffffff0a;color:var(--text);width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:14px}.drawer-close:hover{background:#ffffff1a}.drawer-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:16px 0 4px}.drawer-chip{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--glass)}.drawer-chip span{display:block;font-size:11px;color:var(--muted)}.drawer-chip b{font-size:15px;font-variant-numeric:tabular-nums}.drawer-chip--strong{border-color:#34d39973;background:#34d3991a}.drawer-ranks{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.drawer-ranks>div{flex:1 1 160px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--glass)}.drawer-ranks span{display:block;font-size:11px;color:var(--muted)}.drawer-ranks b{font-size:20px;font-variant-numeric:tabular-nums}.drawer-ranks small{font-size:11px;font-weight:400;color:var(--muted)}.drawer-note{margin:12px 0 0;font-size:11.5px;color:var(--muted-2)}.drawer-section{margin-top:24px}.drawer-section h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:14px;font-weight:600}.drawer-section .table-scroll{margin:0 -24px;padding:0 8px 6px}.drawer-fulltable{margin:4px -24px 0;padding:0 8px 6px}.strong-amount{color:#fbbf24;font-weight:700}@media (min-width: 1080px){.panel-grid{grid-template-columns:1fr 1fr}}@media (max-width: 820px){.kpi-layout{grid-template-columns:1fr}}@media (max-width: 640px){.rail{display:none}.shell{padding:10px;gap:0}.hero{padding:16px 16px 18px}.hero h1{font-size:20px}.hero-controls{width:100%;flex-wrap:wrap}.hero-controls .btn-ghost,.ym-selector,.ym-selector select{flex:1 1 auto}.panel{padding:14px 12px 6px}.panel-head{row-gap:4px}.panel-hint{flex-basis:100%;margin-left:0}th,td{padding:8px 10px}.table-scroll{margin:0 -12px;padding:0 4px 6px}.panel .rank-col{display:none}.panel .sticky-col{position:sticky;left:0;z-index:2;background:#0c1018;box-shadow:8px 0 12px -8px #0009}.panel thead .sticky-col{z-index:4;background:#12161e}.kpi-value{font-size:17px}.kpi-card--clickable:after{top:10px;right:10px}.kpi-hero-foot{flex-direction:column;gap:6px}.kpi-hero-foot-value{font-size:13px}.drawer{width:100%;border-radius:0;padding:18px 14px 40px}.drawer-head h2{font-size:19px}.drawer-section .table-scroll,.drawer-fulltable{margin:0 -14px;padding:0 4px 6px}.drawer-chips{grid-template-columns:repeat(2,1fr);gap:8px}.drawer-chip{padding:8px 10px}.drawer-chip b{font-size:13.5px}.drawer-ranks b{font-size:17px}}