.mp5517-dashboard{background:linear-gradient(145deg,#081b30,#061629)!important;border:1px solid #173650;border-radius:16px;color:#f2f7ff}
.mp45-tabs{border:0!important;gap:5px!important;margin-bottom:14px!important}
.mp45-tab{background:#071d33!important;border:1px solid #214361!important;border-radius:7px!important;font-size:13px!important;padding:13px 18px!important;box-shadow:inset 0 1px #ffffff0a}
.mp45-tab.active{background:linear-gradient(#ffbf48,#f2a721)!important;color:#142033!important;border-color:#f8c058!important;box-shadow:0 2px 10px #f0b23433}
.mp50-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0 14px}
.mp50-kpi,.mp50-panel{background:linear-gradient(125deg,#092640,#071b32);border:1px solid #1d4566;border-radius:10px;box-shadow:0 5px 16px #010b1b40;min-width:0}
.mp50-kpi{min-height:104px;display:flex;align-items:center;gap:16px;padding:15px}
.mp50-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:12px;font-size:30px;flex-shrink:0}
.mp50-icon-0{color:#4bafff;background:#123e68}.mp50-icon-1{color:#ff6b82;background:#50243e}.mp50-icon-2{color:#ffbf40;background:#52432b}.mp50-icon-3{color:#62aeff;background:#163e69}
.mp50-kpi-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.mp50-kpi-copy span{color:#e7eff8;font-size:13px}.mp50-kpi-copy strong{font-size:27px;line-height:1.15;color:white}.mp50-kpi-copy small{font-size:11px;color:#abc5de;overflow-wrap:anywhere}
.mp50-main-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin-bottom:14px}.mp50-panel{padding:15px;margin-bottom:0}.mp50-panel h3{color:white;margin:0 0 13px;font-size:16px}.mp50-panel .mp48-ring-layout{min-height:240px}.mp50-panel .mp48-ring{width:203px;height:203px;flex-basis:203px}.mp50-panel .mp48-ring-core{width:130px;height:130px;background:#082039}.mp50-panel .mp48-ring-item{border-bottom:1px solid #23425c;padding:5px 0}
.mp50-counter{color:#fff;background:#ba4051;border-radius:20px;font-size:11px;padding:3px 8px}
.mp50-priorities{display:flex;flex-direction:column;gap:8px}.mp50-priority{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(90deg,#2b2434,#152b42);border:1px solid #583749;border-left:5px solid #ffc048;border-radius:7px;min-height:46px}.mp50-priority.is-late{border-left-color:#ff5c73}.mp50-priority>div:first-child{flex:1;min-width:0}.mp50-priority strong{font-size:12px;color:white}.mp50-priority small{display:block;margin-top:4px;color:#b9cce0;font-size:11px}.mp50-chevron{border:0;background:transparent;color:#d8e8f9;font-size:20px;cursor:pointer}
.mp50-list{margin-top:14px}.mp50-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:12px}.mp50-filters label{font-size:11px;color:#b8cede;display:flex;flex-direction:column;gap:5px;min-width:155px}.mp50-filters .mp50-search-label{flex:1;min-width:210px}.mp50-filters input,.mp50-filters select{background:#122d47!important;color:white!important;border:1px solid #2c536f!important;border-radius:7px;padding:9px!important;width:100%!important;max-width:100%!important}
.mp50-table-scroll{max-width:100%;overflow:auto}.mp50-table{border-collapse:collapse;width:100%;font-size:12px}.mp50-table th{text-align:left;background:#12314e;color:#d6e6f4;font-weight:600;padding:11px 9px;white-space:nowrap}.mp50-table td{padding:10px 9px;border-bottom:1px solid #183a54;color:#e7f0fa}.mp50-table tr:hover{background:#163452}.mp50-table tr[hidden]{display:none}.mp50-action{color:white!important;background:linear-gradient(#2285ea,#1564bf)!important;border:1px solid #287fce!important;padding:7px 13px;border-radius:6px;cursor:pointer;white-space:nowrap}
.mp50-pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;font-size:11px;white-space:nowrap;font-weight:600}.mp50-red{background:#622a3a;color:#ff8d9a}.mp50-blue{background:#164a86;color:#d0e8ff}.mp50-green{background:#145c50;color:#91ebc8}.mp50-gold{background:#6d4b22;color:#ffe2a5}.mp50-danger{color:#ff677f!important}
.mp50-person{display:flex;align-items:center;gap:9px;min-width:0}.mp50-avatar{display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;color:white;font-size:10px;font-weight:700}
.mp50-rank-head,.mp50-rank-line{display:grid;grid-template-columns:22px minmax(100px,1.3fr) 52px 52px minmax(90px,1fr);gap:8px;align-items:center;padding:7px 5px;border-bottom:1px solid #1b3b54;font-size:11px}.mp50-rank-head{background:#12314c;font-weight:700;color:#bcd2e5}.mp50-rank-line{color:#eff7ff}.mp50-percent{display:flex;gap:7px;align-items:center}.mp50-track{height:11px;flex:1;border-radius:20px;background:#11283b;overflow:hidden}.mp50-track i{display:block;height:100%;border-radius:20px}.mp50-percent small{width:31px;text-align:right}
.mp50-bandchart{display:flex;align-items:end;gap:14px;height:225px;margin-top:18px;padding:0 10px}.mp50-band{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;gap:7px;height:100%}.mp50-band>strong{color:white}.mp50-columnwrap{flex:1;width:100%;display:flex;align-items:end;border-bottom:1px solid #46708e;background:repeating-linear-gradient(to top,transparent 0,transparent 42px,#244b631a 43px)}.mp50-columnwrap>div{width:82%;margin:0 auto;border-radius:5px 5px 0 0}.mp50-band>small{font-size:11px;color:#d6e5f4;text-align:center;min-height:25px}
.mp5517-flow-overlay{position:fixed;inset:0;z-index:90;background:rgba(7,15,26,.58);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:34px 20px;overflow:auto}.mp5517-flow-dialog{position:relative;width:min(1120px,100%);background:var(--t-surface,#fff);color:var(--t-text,#132033);border:1px solid var(--t-line,#d5dde7);border-radius:20px;box-shadow:0 24px 60px rgba(2,12,27,.28);padding:24px 24px 20px}.mp5517-flow-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--t-line,#cfd6df);background:var(--t-surface2,#f8fafc);color:var(--t-text,#132033);font-size:20px;cursor:pointer}.mp5517-flow-close:hover{border-color:var(--t-accent,#d6a638)}.mp5517-flow-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--t-muted,#5c6b7a);margin-bottom:10px}.mp5517-flow-head h3{margin:0 0 10px;font-size:29px;line-height:1.2;color:var(--t-text,#132033)}.mp5517-flow-head p{margin:0;color:var(--t-muted,#607080);line-height:1.65;max-width:860px}.mp5517-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0}.mp5517-flow-card{border:1px solid var(--t-line,#d5dde7);background:var(--t-surface2,#f8fafc);border-radius:16px;padding:18px}.mp5517-flow-card h4{margin:0 0 8px;font-size:19px;color:var(--t-text,#132033)}.mp5517-flow-path{display:inline-block;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--t-accent,#d6a638) 18%,var(--t-surface,#fff));color:var(--t-text,#132033);font-size:12px;font-weight:700}.mp5517-flow-card p{margin:0;color:var(--t-muted,#607080);line-height:1.6}.mp5517-flow-note{border:1px solid var(--t-line,#d5dde7);background:color-mix(in srgb,var(--t-accent,#d6a638) 10%,var(--t-surface,#fff));border-radius:14px;padding:15px 16px;line-height:1.65}.mp5517-flow-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}.mp5517-flow-actions .mp5517-btn{padding:11px 15px}.mp5517-flow-actions .mp5517-btn.gold{font-weight:800}.mp5517-btn.info{background:var(--t-surface2,#f8fafc);color:var(--t-text,#132033);border-color:var(--t-line,#cfd6df)}html[data-mp-theme=dark] .mp5517-flow-overlay,html[data-mp-theme=graphite] .mp5517-flow-overlay{background:rgba(2,8,17,.72)}html[data-mp-theme=dark] .mp5517-flow-dialog,html[data-mp-theme=graphite] .mp5517-flow-dialog{background:#0f1d2d;color:#eef5ff;border-color:#26384b}html[data-mp-theme=dark] .mp5517-flow-close,html[data-mp-theme=graphite] .mp5517-flow-close{background:#19283b;color:#f0f6ff;border-color:#35475b}html[data-mp-theme=dark] .mp5517-flow-eyebrow,html[data-mp-theme=graphite] .mp5517-flow-eyebrow,html[data-mp-theme=dark] .mp5517-flow-head p,html[data-mp-theme=graphite] .mp5517-flow-head p,html[data-mp-theme=dark] .mp5517-flow-card p,html[data-mp-theme=graphite] .mp5517-flow-card p{color:#b7c7d9}html[data-mp-theme=dark] .mp5517-flow-head h3,html[data-mp-theme=graphite] .mp5517-flow-head h3,html[data-mp-theme=dark] .mp5517-flow-card h4,html[data-mp-theme=graphite] .mp5517-flow-card h4{color:#fff}html[data-mp-theme=dark] .mp5517-flow-card,html[data-mp-theme=graphite] .mp5517-flow-card{background:#132537;border-color:#294159}html[data-mp-theme=dark] .mp5517-flow-path,html[data-mp-theme=graphite] .mp5517-flow-path{background:#6e5120;color:#ffe5ab}html[data-mp-theme=dark] .mp5517-flow-note,html[data-mp-theme=graphite] .mp5517-flow-note{background:#142433;border-color:#294159;color:#edf5ff}@media(max-width:900px){.mp5517-flow-grid{grid-template-columns:1fr}.mp5517-flow-dialog{padding:20px 18px 18px}}@media(max-width:640px){.mp5517-flow-overlay{padding:18px 12px}.mp5517-flow-head h3{font-size:23px}.mp5517-flow-actions{justify-content:stretch}.mp5517-flow-actions .mp5517-btn{width:100%}}
@media(max-width:1100px){.mp50-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mp50-main-grid{grid-template-columns:1fr}}
@media(max-width:650px){.mp50-kpis{grid-template-columns:1fr}.mp50-rank-head,.mp50-rank-line{grid-template-columns:18px 1fr 33px 33px 90px}.mp50-panel{padding:10px}}