.m01{--paper:#fafafa;--ink:#0a0a0a;--n100:#f1f5f9;--n200:#e2e8f0;--n400:#94a3b8;--n600:#475569;--n800:#1e293b;--teal-700:#0e7490;--teal-600:#0891b2;--teal-800:#155e75;--success:#15803d;--warning:#ca8a04;--error:#dc2626;--info:#2563eb;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}.m01 *{box-sizing:border-box}.m01{color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif}.m01 .app-shell{border:1px solid var(--n200);border-radius:var(--radius-md);background:#fff;grid-template-columns:54px 1fr;display:grid;overflow:hidden}.m01 .left-rail{background:var(--n800);flex-direction:column;align-items:center;gap:14px;padding:14px 0;display:flex}.m01 .rail-icon{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#334155;justify-content:center;align-items:center;width:32px;height:32px;font-family:ui-monospace,monospace;font-size:13px;display:flex}.m01 .rail-icon.active{background:var(--teal-700)}.m01 .main-area{background:#fff;min-width:0;padding:16px 18px}.m01 .app-header{border-bottom:1px solid var(--n200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:12px;display:flex}.m01 .page-selector{border:1px solid var(--n200);border-radius:var(--radius-sm);color:var(--n800);background:#fff;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.m01 .page-selector:after{content:"▾";color:var(--n400)}.m01 .topbar{border-bottom:1px solid var(--n200);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.m01 .page-title{color:var(--n800);margin:0;font-size:15px;font-weight:600}.m01 .page-subtitle{color:var(--n600);margin-top:2px;font-family:ui-monospace,monospace;font-size:11px}.m01 .hdr-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.m01 .filter-chip{border:1px solid var(--n200);border-radius:var(--radius-sm);color:var(--n600);background:#fff;align-items:center;gap:4px;padding:5px 10px;font-family:ui-monospace,monospace;font-size:10px;display:inline-flex}.m01 .filter-chip:after{content:"▾";color:var(--n400);font-size:9px}.m01 .panel{border:1px solid var(--n200);border-radius:var(--radius-md);background:#fff;margin-bottom:14px;padding:14px}.m01 .panel-title{color:var(--ink);background:var(--n100);border-radius:8px;justify-content:space-between;align-items:center;margin:-2px -2px 12px;padding:9px 12px;font-size:16px;font-weight:800;display:flex}.m01 .pill{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-family:ui-monospace,monospace;font-size:10px;font-weight:600;display:inline-block}.m01 .pill-info{color:var(--teal-700);background:#0891b21f}.m01 .src{color:var(--n600);margin-top:8px;font-family:ui-monospace,monospace;font-size:9px}.m01 .ph-flag{color:#92400e;letter-spacing:.5px;vertical-align:middle;background:#fef3c7;border-radius:4px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:8px;font-weight:700;display:inline-block}.m01 .kname{color:var(--n600);font-size:11px;font-weight:800}.m01 .kval{color:var(--ink);margin-top:12px;font-size:26px;font-weight:800}.m01 .kdelta{font-size:11px;font-weight:700}.m01 .up{color:var(--success)}.m01 .down{color:var(--error)}.m01 .flat{color:var(--n600)}.m01 .arr{color:var(--n400);font-size:15px;font-weight:700;position:absolute;bottom:12px;right:14px}.m01 .kpi-top{grid-template-columns:1.7fr 1fr;gap:10px;margin-bottom:10px;display:grid}.m01 .r-hero{cursor:pointer;background:#ca8a0424;border:1px solid #ca8a0440;border-radius:16px;flex-direction:column;padding:26px 28px;display:flex;position:relative}.m01 .r-hero:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ca8a042e}.m01 .r-head{justify-content:space-between;align-items:flex-start;display:flex}.m01 .r-lbl{color:var(--ink);font-weight:800}.m01 .r-num{color:#92400e;margin-top:14px;font-size:56px;font-weight:800;line-height:1}.m01 .r-pill{color:#92400e;background:#fff;border-radius:99px;padding:3px 11px;font-size:11px;font-weight:700;display:inline-block}.m01 .r-body{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.m01 .ai{border:1.5px solid var(--teal-700);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;padding:20px 22px;display:flex;position:relative}.m01 .ai:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0e749026}.m01 .ai .big{color:var(--ink);margin-top:6px;font-size:32px;font-weight:800}.m01 .ai-bar{background:var(--n100);border-radius:99px;height:6px;margin-top:10px;overflow:hidden}.m01 .ai-bar i{background:var(--teal-700);border-radius:99px;height:100%;display:block}.m01 .ai-cta{background:var(--teal-700);color:#fff;border-radius:8px;align-self:flex-start;margin-top:14px;padding:8px 14px;font-size:11px;font-weight:800;display:inline-block}.m01 .bento{grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1.2fr;gap:10px;display:grid}.m01 .bento .bcard{border:1px solid var(--n200);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;padding:16px 18px;transition:border-color .12s,transform .1s;display:flex;position:relative}.m01 .bento .bcard:hover{border-color:var(--teal-700);transform:translateY(-1px)}.m01 .bento .te .kname{color:var(--ink);font-size:12px;font-weight:800}.m01 .bento .te .footrow{justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.m01 .bento .te .farr{color:var(--n400);font-size:15px}.m01 .bento .avg{grid-column:span 2}.m01 .bento .comp{grid-area:1/3/span 2}.m01 .bento .comp .big{color:var(--warning);margin:6px 0 10px;font-size:28px;font-weight:800}.m01 .bento .comp-wedge{margin-top:auto}.m01 .ptitle-row{align-items:center;gap:8px;margin-bottom:14px;display:flex}.m01 .pcarousel{scrollbar-width:none;gap:14px;padding:4px 0 10px;display:flex;overflow-x:auto}.m01 .pcarousel::-webkit-scrollbar{height:0;display:none}.m01 .pc{border:1px solid var(--n200);cursor:pointer;background:#fff;border-radius:16px;flex:0 0 340px;padding:22px 24px;position:relative}.m01 .pc-name{justify-content:space-between;align-items:center;gap:6px;margin-bottom:18px;font-size:16px;font-weight:500;display:flex}.m01 .pc-pill{white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:10px;font-weight:700}.m01 .pp-hi{color:var(--success);background:#15803d1f}.m01 .pp-mid{color:#92400e;background:#ca8a0424}.m01 .pp-lo{color:var(--error);background:#dc26261a}.m01 .pc-pair{justify-content:space-between;align-items:center;gap:10px;display:flex}.m01 .pc-big{font-size:46px;font-weight:500;line-height:1}.m01 .pc-lbl{color:var(--n600);margin-top:5px;font-size:11px}.m01 .pc-chips{gap:8px;margin-top:20px;display:flex}.m01 .pc-chip{text-align:center;border-radius:10px;flex:1;padding:10px 4px}.m01 .pc-chip .cl{color:var(--n600);text-transform:uppercase;letter-spacing:.3px;font-size:9px}.m01 .pc-chip .cv{margin-top:2px;font-size:15px;font-weight:800}.m01 .cc-hi{background:#15803d1a}.m01 .cc-mid{background:#ca8a041f}.m01 .cc-lo{background:#dc26261a}.m01 .rpair{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.m01 .rpair .panel{margin-bottom:0;position:relative;overflow:hidden}.m01 .rpair .panel:first-child{border-left:4px solid var(--n400)}.m01 .rpair .panel:last-child{border-left:4px solid var(--teal-700)}.m01 .panel-title.rd-branch,.m01 .panel-title.rd-empl{justify-content:space-between;align-items:center;display:flex}.m01 .panel-title.empl-title{background:#0e749014}.m01 .rd-ico{vertical-align:-1px;margin-right:2px;font-size:14px}.m01 .rd-count{background:var(--n200);color:var(--n600);border-radius:99px;padding:1px 9px;font-family:ui-monospace,monospace;font-size:11px;font-weight:800}.m01 .rd-count-teal{color:var(--teal-700);background:#0e74901f}.m01 .rd-axis{color:var(--n400);margin:-2px 0 8px;font-family:ui-monospace,monospace;font-size:10px}.m01 .orow{border-bottom:1px solid var(--n200);cursor:pointer;grid-template-columns:3px 1fr auto 70px;align-items:center;gap:12px;padding:14px 4px;transition:background .1s;display:grid}.m01 .orow:hover{background:var(--n100)}.m01 .orow:last-of-type{border-bottom:0}.m01 .orow.risk{background:#dc26260d;border-radius:8px}.m01 .obar{border-radius:99px;width:3px;height:42px}.m01 .o-hi{background:var(--success)}.m01 .o-mid{background:var(--warning)}.m01 .o-lo{background:var(--error)}.m01 .oname{font-size:15px;font-weight:800}.m01 .odesc{color:var(--n600);margin-top:2px;font-size:10px;line-height:1.35}.m01 .onum{text-align:right;font-size:24px;font-weight:800}.m01 .n-hi{color:var(--success)}.m01 .n-mid{color:var(--warning)}.m01 .n-lo{color:var(--error)}.m01 .opct{text-align:right}.m01 .opct .p{color:var(--n800);font-size:15px;font-weight:800;line-height:1.1}.m01 .opct .u{color:var(--n600);margin-top:1px;font-size:10px}.m01 .srm2{grid-template-columns:120px 1fr 1fr 1fr;gap:8px;display:grid}.m01 .colhead{text-align:center;color:#fff;border-radius:8px;padding:8px;font-size:11px;font-weight:800}.m01 .ch-hi{background:var(--success)}.m01 .ch-mid{background:var(--warning);color:var(--ink)}.m01 .ch-lo{background:var(--error)}.m01 .rowlab{text-align:center;border-radius:8px;flex-direction:column;justify-content:center;padding:10px;font-size:12px;font-weight:800;display:flex}.m01 .rl-hi{color:var(--success);background:#15803d1f}.m01 .rl-mid{color:#92400e;background:#ca8a0424}.m01 .rl-lo{color:var(--error);background:#dc26261a}.m01 .rl-sub{opacity:.8;margin-top:2px;font-size:9px;font-weight:600}.m01 .srm-cell2{border:1px solid var(--n200);background:#fff;border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;padding:11px;display:grid}.m01 .srm-cell2.flag{border-color:var(--error);border-width:1.5px}.m01 .sc-l{color:var(--n600);text-transform:uppercase;font-size:8px}.m01 .sc-v{color:var(--ink);font-size:16px;font-weight:800;line-height:1.1}.m01 .sc-pct{color:var(--n400);font-size:9px}.m01 .state{text-align:center;color:var(--n600);padding:40px}@media (max-width:860px){.m01 .kpi-top,.m01 .bento,.m01 .rpair{grid-template-columns:1fr}.m01 .bento .avg,.m01 .bento .comp{grid-area:auto}}