#content .mp100{color:var(--t-text);font-size:13px} .mp100 *{box-sizing:border-box}
.mp100-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:15px}.mp100-heading{display:flex;align-items:center;gap:12px}.mp100-shield{width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--mp84-icon,#d5a332) 16%,var(--t-surface));display:grid;place-items:center;color:var(--mp84-icon,#d5a332);font-size:27px}.mp100-heading h2{font-size:25px;margin:0;font-weight:850}.mp100-heading p{color:var(--t-muted);margin:4px 0 0}
.mp100-nav{display:flex;flex-wrap:wrap;gap:5px;padding:7px;background:var(--t-surface);border:1px solid var(--t-line);border-radius:13px;margin-bottom:15px}
.mp100-nav button{background:transparent;border:1px solid transparent;color:var(--t-text);border-radius:9px;padding:11px 14px;cursor:pointer;font-weight:750;font-size:12px}
.mp100-nav button.active{background:var(--mp84-icon,#daa733);color:var(--t-bg,#10161e);border-color:var(--mp84-icon,#daa733)}
.mp100-nav button:not(.active):hover{background:var(--t-surface2);border-color:var(--t-line)}
.mp100-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mp100 input,.mp100 select,.mp100 textarea{background:var(--t-surface2);border:1px solid var(--t-line);border-radius:9px;color:var(--t-text);padding:10px;font:inherit;min-width:0}.mp100 select{max-width:220px}.mp100 button{cursor:pointer}.mp100 .mp100-primary{background:var(--mp84-icon,#d5a332);color:var(--t-bg,#111)!important;border:1px solid var(--mp84-icon,#d5a332);border-radius:9px;font-weight:800;padding:11px 16px}.mp100 .mp100-secondary{background:var(--t-surface2);color:var(--t-text);border:1px solid var(--t-line);border-radius:9px;padding:10px 12px;font-weight:750}
.mp100-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:12px}.mp100-kpi{border-radius:13px;padding:17px 13px;background:linear-gradient(125deg,color-mix(in srgb,var(--hue) 23%,var(--t-surface)),var(--t-surface));border:1px solid color-mix(in srgb,var(--hue) 40%,var(--t-line));min-height:114px}.mp100-kpi .val{font-size:27px;font-weight:850;margin:8px 0}.mp100-kpi .label{font-size:11px;color:var(--t-muted);line-height:1.4}.mp100-kpi .sym{font-size:19px;color:var(--hue)}
.mp100-charts{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:12px}.mp100-stack{display:flex;flex-direction:column;gap:12px}.mp100-panel{background:var(--t-surface);border:1px solid var(--t-line);border-radius:14px;padding:17px;min-width:0}.mp100-panel h3{font-size:15px;font-weight:800;margin:0 0 12px}.mp100-small{font-size:11px;color:var(--t-muted);line-height:1.55}.mp100-area{display:grid;grid-template-columns:115px 1fr 40px;gap:11px;align-items:center;margin:12px 0;font-size:12px}.mp100-track{height:10px;background:var(--t-surface2);border-radius:20px;overflow:hidden}.mp100-track span{display:block;height:100%;border-radius:20px}.mp100-ringrow{display:flex;gap:14px;align-items:center;justify-content:center;min-height:175px}.mp100-ring{width:145px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;flex:none;position:relative}.mp100-ring:before{content:'';position:absolute;inset:23%;background:var(--t-surface);border-radius:50%}.mp100-ring>div{position:relative;text-align:center}.mp100-ring b{display:block;font-size:27px}.mp100-ring small{display:block;color:var(--t-muted);font-size:10px}.mp100-legend{flex:1;min-width:110px}.mp100-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--t-line);font-size:11px}.mp100-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}.mp100-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.mp100-table{width:100%;border-collapse:collapse;font-size:12px}.mp100-table th{text-align:left;color:var(--t-muted);font-size:11px;padding:12px 9px;border-bottom:1px solid var(--t-line)}.mp100-table td{padding:11px 9px;border-bottom:1px solid var(--t-line);vertical-align:top;overflow-wrap:anywhere}.mp100-tag{display:inline-block;border-radius:20px;padding:5px 9px;background:var(--t-surface2);border:1px solid var(--t-line);font-size:10px}.mp100-recordtop{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:12px}.mp100-search{min-width:220px;flex:1;max-width:450px}.mp100-empty{color:var(--t-muted);padding:32px 12px;text-align:center;line-height:1.7}.mp100-dialog{position:fixed;inset:0;background:#000b;z-index:10050;display:flex;align-items:center;justify-content:center;padding:22px}.mp100-form{width:min(780px,96vw);max-height:92vh;overflow:auto;background:var(--t-surface);border:1px solid var(--t-line);border-radius:18px;padding:24px;box-shadow:0 25px 80px #0008}.mp100-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mp100-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.mp100-fields label.wide{grid-column:1/-1}.mp100-fields textarea{width:100%;min-height:82px}.mp100-fields input,.mp100-fields select{width:100%;max-width:none}.mp100-status{font-size:12px;color:var(--t-muted);margin:10px 0}.mp100-files{padding:12px;border:1px dashed var(--t-line);border-radius:10px}.mp100-filelist{display:flex;flex-direction:column;gap:6px;margin-top:9px}
@media(max-width:1350px){.mp100-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.mp100-charts{grid-template-columns:1fr 1fr}.mp100-charts>.mp100-panel:first-child{grid-row:span 2}.mp100-bottom{grid-template-columns:1fr 1fr}}@media(max-width:820px){.mp100-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mp100-charts,.mp100-bottom{grid-template-columns:1fr}.mp100-charts>.mp100-panel:first-child{grid-row:auto}.mp100-fields{grid-template-columns:1fr}.mp100-fields label.wide{grid-column:auto}.mp100-ringrow{flex-wrap:wrap}.mp100-nav button{flex:1 1 135px}.mp100-table{display:block;overflow:auto;white-space:nowrap}}