:root{--ms-navy:#0b1f3a;--ms-blue:#1769e0;--ms-cyan:#0ea5e9;--ms-green:#0f9d68;--ms-amber:#f59e0b;--ms-red:#dc3545;--ms-purple:#7c3aed;--ms-bg:#f3f6fb;--ms-card:#fff;--ms-text:#172033;--ms-muted:#6b7890;--ms-border:#dce4ef}
.msehs-app{font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--ms-bg);color:var(--ms-text);padding:18px;border-radius:20px;line-height:1.4}.msehs-app *{box-sizing:border-box}.msehs-hero{background:linear-gradient(125deg,#081b33,#123f72 58%,#1769e0);color:#fff;padding:27px;border-radius:20px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 14px 36px #0b1f3a2b}.msehs-hero h2{color:#fff;margin:4px 0 6px;font-size:28px}.msehs-hero p{margin:0;color:#d9e8fb}.msehs-kicker{font-size:11px;letter-spacing:1.2px;font-weight:800;color:#8fd3ff}.msehs-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.msehs-btn{border:1px solid #cbd7e6;background:#fff;color:#19324f;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.msehs-btn.primary{background:#1769e0;color:#fff;border-color:#1769e0}.msehs-btn.danger{background:#fff1f2;color:#b42318;border-color:#fecdd3}.msehs-link{border:0;background:none;color:#1769e0;font-weight:750;cursor:pointer}.msehs-nav{display:flex;gap:5px;overflow:auto;background:#fff;padding:7px;border-radius:13px;margin:14px 0;border:1px solid var(--ms-border);position:sticky;top:5px;z-index:15}.msehs-nav button{border:0;background:transparent;padding:10px 13px;border-radius:9px;white-space:nowrap;font-weight:750;color:#52627a;cursor:pointer}.msehs-nav button.active{background:#e8f1ff;color:#0f56bd}.msehs-filterbar{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr)) auto;gap:10px;background:#fff;border:1px solid var(--ms-border);padding:14px;border-radius:15px;margin-bottom:14px}.msehs-filterbar label,.entry-controls label,.compare-controls label,.msehs-form label{font-size:11px;font-weight:800;color:#65738a}.msehs-filterbar select,.msehs-filterbar input,.entry-controls select,.entry-controls input,.compare-controls select,.msehs-form input,.msehs-form select,.msehs-form textarea{width:100%;margin-top:5px;padding:9px 10px;border:1px solid #cbd7e6;border-radius:9px;background:#fff;color:#16243a}.msehs-tab{display:none}.msehs-tab.active{display:block}.msehs-kpi-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin:12px 0}.msehs-kpi-cards.compact{grid-template-columns:repeat(3,1fr)}.msehs-kpi-card{background:#fff;border:1px solid var(--ms-border);border-radius:15px;padding:15px;box-shadow:0 5px 18px #1733560d;border-top:4px solid var(--accent,#1769e0)}.msehs-kpi-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--ms-muted);font-weight:800}.msehs-kpi-card b{font-size:26px;display:block;margin:4px 0}.msehs-kpi-card small{color:#748298}.msehs-grid.charts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.msehs-card{background:#fff;border:1px solid var(--ms-border);border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 5px 18px #1733560b}.msehs-card.inner{margin:0}.msehs-card h3{margin:0 0 12px;color:#18324f;font-size:16px}.msehs-chart{min-height:240px}.ms-bars{height:230px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #dbe3ef;padding:10px 5px 0;overflow-x:auto}.ms-col{height:100%;min-width:45px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.ms-col .bar{width:28px;min-height:2px;border-radius:6px 6px 0 0;background:linear-gradient(#2d8cff,#1769e0)}.ms-col b{font-size:10px}.ms-col small{font-size:9px;color:#66758c;max-width:70px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-hbars{display:grid;gap:8px}.ms-hrow{display:grid;grid-template-columns:minmax(100px,1.2fr) 3fr 55px;gap:8px;align-items:center;font-size:11px}.ms-track{height:11px;background:#edf2f8;border-radius:7px;overflow:hidden}.ms-track i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#19a974,#1769e0)}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.section-head h3{margin:0}.section-head p{margin:4px 0 0;color:#697890;font-size:12px}.badge{padding:6px 10px;border-radius:999px;background:#e9f8f1;color:#087a4f;font-size:11px;font-weight:800}.msehs-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:12px}.msehs-table-wrap table{width:100%;border-collapse:collapse;min-width:900px}.msehs-table-wrap th,.msehs-table-wrap td{padding:10px 9px;border-bottom:1px solid #e6ecf3;text-align:left;font-size:11px;vertical-align:top}.msehs-table-wrap th{background:#eef4fb;color:#29435f;position:sticky;top:0;z-index:2;font-weight:800}.rank{display:inline-flex;width:27px;height:27px;border-radius:50%;align-items:center;justify-content:center;background:#e9eef5;font-weight:900}.rank.r1{background:#fff1b8;color:#946200}.rank.r2{background:#e9edf2;color:#52606d}.rank.r3{background:#f5dccb;color:#92400e}.score-pill{display:inline-block;padding:5px 9px;border-radius:999px;font-weight:850}.score-good{background:#dcfce7;color:#087a4f}.score-mid{background:#fef3c7;color:#9a6700}.score-low{background:#fee2e2;color:#b42318}.insight ul{margin:0;padding-left:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px 25px}.insight li{font-size:12px}.entry-controls,.compare-controls{display:grid;grid-template-columns:2fr 1fr auto auto;gap:10px;align-items:end;margin-bottom:14px}.compare-controls{grid-template-columns:repeat(3,1fr)}.data-category{border:1px solid #dde6f1;border-radius:12px;margin:10px 0;overflow:hidden}.data-category h4{margin:0;background:#eaf2fc;padding:10px 12px;color:#1e4672}.data-row{display:grid;grid-template-columns:70px minmax(260px,2fr) 100px 180px 1fr;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid #edf1f6}.data-row input{width:100%;padding:8px;border:1px solid #ced8e5;border-radius:8px}.data-code{font-size:10px;font-weight:800;color:#1769e0}.data-unit{font-size:10px;color:#718098}.sticky-save{position:sticky;bottom:8px;background:#fff;border:1px solid #d9e2ee;box-shadow:0 6px 24px #0b1f3a24;padding:10px;border-radius:12px;display:flex;justify-content:flex-end;gap:15px;align-items:center}.template{background:#0e223c;color:#d6e6f8;padding:12px;border-radius:10px;margin:10px 0;overflow:auto}.template code{display:block;margin-top:5px;color:#8ee7bf;white-space:pre}.msehs-card textarea#ms-import{width:100%;border:1px solid #cbd7e6;border-radius:10px;padding:10px;font-family:monospace}.form-actions{display:flex;gap:8px;margin-top:10px}.msehs-form{background:#f8fbff;border:1px solid #dbe6f2;padding:13px;border-radius:13px;margin:10px 0}.msehs-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.msehs-form .span2{grid-column:span 2}.msehs-form-actions{margin-top:11px;display:flex;gap:8px}.muted{color:#7a879a}.red{color:#b42318;font-weight:800}.green{color:#087a4f;font-weight:800}
@media(max-width:1100px){.msehs-kpi-cards{grid-template-columns:repeat(3,1fr)}.msehs-filterbar{grid-template-columns:repeat(3,1fr)}.msehs-form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.msehs-app{padding:10px}.msehs-hero{flex-direction:column;align-items:flex-start}.msehs-grid.charts{grid-template-columns:1fr}.msehs-kpi-cards,.msehs-kpi-cards.compact,.msehs-filterbar,.compare-controls,.entry-controls,.msehs-form-grid{grid-template-columns:1fr}.data-row{grid-template-columns:70px 1fr 70px}.data-row .remarks{grid-column:1/-1}.insight ul{grid-template-columns:1fr}}