:root {
  --mcmp-bg:#f3f7fb;
  --mcmp-panel:#ffffff;
  --mcmp-panel-2:#f8fbff;
  --mcmp-line:#dbe6f0;
  --mcmp-text:#1f2937;
  --mcmp-muted:#667085;
  --mcmp-primary:#0f4c81;
  --mcmp-primary-2:#0b365a;
  --mcmp-accent:#eef6ff;
  --mcmp-accent-2:#d9ecff;
  --mcmp-ok:#0f766e;
  --mcmp-ok-bg:#ecfdf5;
  --mcmp-ok-line:#b7e4d3;
  --mcmp-warn:#7c5c00;
  --mcmp-warn-bg:#fff8e8;
  --mcmp-warn-line:#efd89b;
  --mcmp-shadow:0 18px 40px rgba(15,76,129,.08);
  --mcmp-radius:22px;
}
.mcmp-app *{box-sizing:border-box}
.mcmp-app{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#f7fbff 0%, #f3f7fb 100%);color:var(--mcmp-text);padding:18px;border-radius:24px}
.mcmp-shell{display:grid;grid-template-columns:380px 1fr;gap:22px;align-items:start;max-width:1280px;margin:0 auto}
.mcmp-card{background:var(--mcmp-panel);border:1px solid var(--mcmp-line);border-radius:var(--mcmp-radius);box-shadow:var(--mcmp-shadow)}
.mcmp-sidebar{position:sticky;top:20px;overflow:hidden}
.mcmp-brand{background:linear-gradient(180deg,#ffffff 0%, #f9fcff 100%);border-bottom:1px solid var(--mcmp-line);padding:22px 22px 18px}
.mcmp-brand img{width:220px;max-width:100%;display:block;margin:0 auto 10px}
.mcmp-brand h1{margin:0;text-align:center;font-size:26px;color:var(--mcmp-primary-2)}
.mcmp-brand p{margin:8px 0 0;text-align:center;color:var(--mcmp-muted);font-size:13px;line-height:1.5}
.mcmp-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.mcmp-badge{background:var(--mcmp-accent);border:1px solid var(--mcmp-accent-2);color:var(--mcmp-primary-2);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}
.mcmp-form-wrap{padding:20px}
.mcmp-section-title{margin:0 0 4px;font-size:21px;color:var(--mcmp-primary-2)}
.mcmp-section-sub{margin:0 0 18px;font-size:13px;color:var(--mcmp-muted)}
.mcmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mcmp-full{grid-column:1/-1}
.mcmp-app label{display:block;margin-bottom:7px;font-size:13px;font-weight:800;color:var(--mcmp-primary-2)}
.mcmp-app input,.mcmp-app select{width:100%;padding:12px 13px;border:1px solid #cdd9e6;border-radius:14px;background:#fff;font-size:15px;color:var(--mcmp-text);transition:.18s ease}
.mcmp-app input:focus,.mcmp-app select:focus{outline:none;border-color:#8bbce9;box-shadow:0 0 0 4px rgba(92,159,220,.14)}
.mcmp-help{margin-top:6px;font-size:12px;color:var(--mcmp-muted);line-height:1.45}
.mcmp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.mcmp-app button{border:0;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:800;cursor:pointer;transition:.18s ease}
.mcmp-btn-primary{background:linear-gradient(180deg,var(--mcmp-primary) 0%, var(--mcmp-primary-2) 100%);color:#fff;box-shadow:0 12px 24px rgba(15,76,129,.20)}
.mcmp-btn-primary:hover{transform:translateY(-1px)}
.mcmp-btn-secondary{background:#fff;color:var(--mcmp-primary-2);border:1px solid var(--mcmp-line)}
.mcmp-btn-secondary:hover{background:#f8fbff}
.mcmp-msg{min-height:20px;margin-top:12px;font-size:13px;font-weight:700}
.mcmp-msg.error{color:#b42318}.mcmp-msg.success{color:#027a48}
.mcmp-main{padding:22px}
.mcmp-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.mcmp-title{margin:0;font-size:32px;color:var(--mcmp-primary-2);line-height:1.1}
.mcmp-subtitle{margin-top:6px;color:var(--mcmp-muted);font-size:13px}
.mcmp-top-actions{display:flex;gap:10px;flex-wrap:wrap}
.mcmp-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.mcmp-kpi{border:1px solid var(--mcmp-line);border-radius:18px;padding:16px;background:linear-gradient(180deg,#fff 0%, #f9fcff 100%)}
.mcmp-k{font-size:12px;color:var(--mcmp-muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.mcmp-v{margin-top:8px;font-size:28px;font-weight:800;color:var(--mcmp-primary-2)}
.mcmp-ok{background:var(--mcmp-ok-bg);border-color:var(--mcmp-ok-line)}
.mcmp-ok .mcmp-v{color:var(--mcmp-ok)}
.mcmp-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px;background:var(--mcmp-panel-2);border:1px solid var(--mcmp-line);border-radius:18px;padding:16px;margin-bottom:16px}
.mcmp-meta-item strong{color:var(--mcmp-primary-2)}
.mcmp-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--mcmp-accent-2);font-size:12px;font-weight:800;color:var(--mcmp-primary-2)}
.mcmp-table-card{border:1px solid var(--mcmp-line);border-radius:20px;overflow:hidden;background:#fff}
.mcmp-table-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(180deg,#f8fbff 0%, #f1f7ff 100%);border-bottom:1px solid var(--mcmp-line)}
.mcmp-table-head h3{margin:0;font-size:17px;color:var(--mcmp-primary-2)}
.mcmp-table-head span{font-size:12px;color:var(--mcmp-muted)}
.mcmp-table-wrap{overflow:auto}
.mcmp-app table{width:100%;border-collapse:collapse;min-width:820px}
.mcmp-app th,.mcmp-app td{padding:13px 14px;border-bottom:1px solid #edf2f7;font-size:14px;text-align:left;vertical-align:top}
.mcmp-app thead th{background:#fbfdff;color:var(--mcmp-primary-2);font-weight:800}
.mcmp-right{text-align:right}
.mcmp-app tbody tr:hover{background:#fbfdff}
.mcmp-app tfoot th{background:#fafcff}.mcmp-grand{font-size:18px;font-weight:900;color:var(--mcmp-primary-2)}
.mcmp-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.mcmp-sum-card{border-radius:18px;padding:16px;border:1px solid var(--mcmp-line);background:#fff}.mcmp-soft{background:linear-gradient(180deg,#fff 0%, #f8fbff 100%)}
.mcmp-sum-card .mcmp-t{font-size:12px;font-weight:800;color:var(--mcmp-muted);text-transform:uppercase;letter-spacing:.03em}
.mcmp-lower{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}
.mcmp-split,.mcmp-note{border-radius:18px;padding:18px}.mcmp-split{border:1px solid var(--mcmp-line);background:#fbfdff}
.mcmp-split-title{font-size:17px;font-weight:900;color:var(--mcmp-primary-2);margin-bottom:12px}
.mcmp-split-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mcmp-split-box{border:1px solid var(--mcmp-line);border-radius:16px;background:#fff;padding:14px}.mcmp-split-box strong{display:block;color:var(--mcmp-primary-2);margin-bottom:6px}.mcmp-split-value{font-size:26px;font-weight:900;color:var(--mcmp-text)}
.mcmp-note{border:1px solid var(--mcmp-warn-line);background:var(--mcmp-warn-bg);color:var(--mcmp-warn);font-size:13px;line-height:1.55}.mcmp-note strong{display:block;font-size:15px;color:#6b4f00;margin-bottom:8px}
.mcmp-footer-mini{margin-top:12px;font-size:11px;color:var(--mcmp-muted);text-align:right}
@media (max-width:1100px){.mcmp-shell{grid-template-columns:1fr}.mcmp-sidebar{position:static}.mcmp-kpi-row,.mcmp-summary-grid,.mcmp-lower,.mcmp-meta{grid-template-columns:1fr}}
@media (max-width:720px){.mcmp-grid,.mcmp-meta,.mcmp-split-grid{grid-template-columns:1fr}.mcmp-title{font-size:26px}.mcmp-topbar{flex-direction:column}}


@media print{
  body *{
    visibility:hidden !important;
  }
  .mcmp-print-area,
  .mcmp-print-area *{
    visibility:visible !important;
  }
  .mcmp-print-area{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:100% !important;
    background:#ffffff !important;
    margin:0 !important;
    padding:10px !important;
    box-shadow:none !important;
    border:none !important;
  }
  .mcmp-sidebar,
  .mcmp-top-actions,
  .mcmp-footer-mini,
  .no-print,
  .mcmp-pdf-doc{
    display:none !important;
  }
}

.mcmp-internal-summary{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:16px;
}
.mcmp-internal-card{
  border:1px solid var(--mcmp-line);
  border-radius:18px;
  padding:16px;
  background:linear-gradient(180deg,#fff 0%, #f8fbff 100%);
}
.mcmp-internal-label{
  font-size:12px;
  color:var(--mcmp-muted);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.mcmp-internal-value{
  margin-top:8px;
  font-size:28px;
  font-weight:900;
  color:var(--mcmp-primary-2);
}
@media (max-width:1100px){
  .mcmp-internal-summary{grid-template-columns:1fr}
}
