@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
html{color-scheme:dark}
[hidden]{display:none !important}
body{margin:0;background:#030913;color:#eefaff;font:15px/1.6 Inter,Arial,sans-serif}
.mx-page{max-width:1440px;margin:auto;padding:28px 20px 64px;color:#eefaff}
.mx-page h1,.mx-page h2,.mx-page h3,.mx-head{font-family:"Space Grotesk",Inter,Arial,sans-serif}
.mx-card strong{color:#eefaff}
.mx-page h1{font-size:clamp(32px,4vw,46px);line-height:1.15;margin:12px 0;color:#eefaff;font-weight:600}
.mx-page h2{font-size:22px;margin:0 0 8px;color:#e7f7ff;font-weight:600}
.mx-lead,.mx-card p{color:#b7c9d6;max-width:68ch}
.mx-card{margin-top:22px;padding:22px;border:1px solid #294556;border-radius:10px;background:#071522}
.mx-card form,.mx-grid{display:grid;gap:14px}
.mx-card label,.mx-field{display:grid;gap:6px;color:#d5e6f0}
.mx-card input,.mx-card select,.mx-card textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #36576a;border-radius:7px;background:#0b1a24;color:#e5f1f9;font:inherit}
.mx-card textarea{min-height:88px;resize:vertical}
.mx-card button,.mx-button{justify-self:start;padding:10px 16px;border:0;border-radius:7px;background:#6cdae7;color:#041018;font:inherit;font-weight:700;cursor:pointer}
.mx-button.secondary,.mx-card button.secondary{background:#163246;color:#d7eef6}
.mx-card button:disabled{opacity:.45;cursor:not-allowed}
.mx-card button:focus-visible,.mx-card input:focus-visible,.mx-card select:focus-visible,.mx-card textarea:focus-visible{outline:2px solid #6cdae7;outline-offset:3px}
.mx-error{color:#ffb4b4}
.mx-ok{color:#9ee8d4}
.mx-secret{font-family:ui-monospace,Consolas,monospace;letter-spacing:.04em;word-break:break-all}
.mx-codes{columns:2;padding-left:18px}
.mx-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:end}
.mx-filters .mx-count{grid-column:1 / -1;margin:0;color:#72dce6;font-size:13px;font-weight:600}
.mx-vote-bar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.mx-vote-bar label{flex:1;min-width:240px}
.mx-vote-bar .mx-dim-note{flex:1 0 100%;max-width:none;margin:0}
.mx-split{display:flex;flex-direction:column;gap:12px}
.mx-score{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:baseline}
.mx-score h2,.mx-score p{margin:0}
.mx-score h2{width:100%}
.mx-score strong{font-size:22px;letter-spacing:.03em}
.mx-table{width:100%;border-collapse:collapse;color:#eefaff}
.mx-table th,.mx-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #294556;vertical-align:middle;color:#e7f4fb}
.mx-table th{color:#72dce6;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mx-list{table-layout:fixed;font-size:12px;line-height:1.25}
.mx-list th{font-size:10px;letter-spacing:.04em;padding:4px 6px}
.mx-list th:nth-child(2),.mx-list td:nth-child(2){width:150px}
.mx-list th:nth-child(3),.mx-list td:nth-child(3){width:110px}
.mx-list th:nth-child(4),.mx-list td:nth-child(4){width:96px}
.mx-list th:nth-child(5),.mx-list td:nth-child(5){width:64px}
.mx-list th:nth-child(6),.mx-list td:nth-child(6){width:88px}
.mx-list th:nth-child(7),.mx-list td:nth-child(7){width:84px}
tr.mx-last-row{outline:1px solid #f08a2a;outline-offset:-1px}
tr.mx-last-row > td{overflow:visible;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #294556}
#mx-detail-row > td{outline:1px solid #f08a2a;outline-offset:-1px;border-left:0;border-right:0;border-bottom:0}
.mx-list th select,.mx-list td select{width:auto;padding:2px 4px;font-size:11px;text-transform:none;letter-spacing:0}
.mx-list th{white-space:normal}
.mx-list tr.mx-bulk-row th{overflow:visible;border-bottom:0;padding-bottom:0}
.mx-list tr.mx-bulk-row input{width:16px;height:16px}
.mx-card button.mx-title{padding:0;background:transparent;color:#e7f4fb;font-size:12px;font-weight:500;text-align:left;white-space:normal}
tr.mx-dirty td{background:#102838}
.mx-list th,.mx-list td:not(.mx-detail-cell){padding-top:2px;padding-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-list tr.mx-last-row > td{overflow:visible}
.mx-card button.mx-mini{padding:2px 8px;font-size:11px;line-height:1.5;border-radius:4px;font-weight:700}
.mx-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;white-space:nowrap}
#mx-rows > tr > td.mx-detail-cell{vertical-align:top}
tr.mx-open-row td{background:#0c2230}
.mx-detail-cell{padding:10px 8px 14px;background:#06141e;border-bottom:1px solid #294556}
.mx-detail-cell .mx-card{margin-top:8px}
.mx-sheet-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mx-meta{color:#94aebe;font-size:12px;margin:4px 0 8px;word-break:break-all}
.mx-edit,.mx-dims,.mx-sources{width:100%;border-collapse:collapse}
.mx-edit th{width:168px;color:#72dce6;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:7px 8px;vertical-align:middle}
.mx-edit td,.mx-dims td,.mx-dims th,.mx-sources td,.mx-sources th{padding:6px 8px;border-bottom:1px solid #1e3b4c;vertical-align:middle;color:#e7f4fb}
.mx-edit .mx-section{padding:16px 8px 6px;border-bottom:0;color:#e7f7ff;font-family:"Space Grotesk",Inter,Arial,sans-serif;font-size:15px;font-weight:600}
.mx-edit textarea,.mx-dims textarea,.mx-sources textarea{min-height:0}
.mx-edit input,.mx-edit select,.mx-edit textarea,.mx-dims input,.mx-dims select,.mx-dims textarea,.mx-sources input,.mx-sources select,.mx-sources textarea{padding:5px 8px;font-size:13px}
.mx-grid-table{overflow-x:auto}
.mx-sources{min-width:760px}
.mx-dims{font-size:11px;line-height:1.35;table-layout:auto}
.mx-dims th,.mx-dims td{padding:4px 8px;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}
.mx-dims thead th{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#72dce6}
.mx-dims tbody th,.mx-dims td:nth-child(2),.mx-dims td:nth-child(3),.mx-dims td:nth-child(4){width:1%;white-space:nowrap}
.mx-dims td:last-child{width:auto;white-space:normal}
.mx-dims .mx-clamp{display:block;overflow:visible;white-space:normal;line-height:1.4}
.mx-dim-note{margin:10px 0 4px;color:#94aebe;font-size:11px}
.mx-dims tbody th{color:#9fd8e4;font-weight:600}
.mx-card input[type="checkbox"],.mx-list input[type="checkbox"]{width:16px;height:16px;padding:0;margin:0;flex:0 0 16px}
.mx-sources td:nth-child(6),.mx-sources td:nth-child(7){padding:10px 8px;width:1%;white-space:nowrap}
.mx-sources .mx-mini{padding:6px 12px}
.mx-sources-area > button{margin:14px 0 8px}
#mx-event-form > .mx-inline{margin:18px 0 6px;padding:8px 2px;gap:16px}
#mx-apply-list{margin:18px 0 6px}
.mx-version{display:grid;gap:4px;margin:0 0 12px}
.mx-version > span{color:#72dce6;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mx-version-note{margin:0;color:#d5e6f0;font-size:13px;line-height:1.45}
.mx-version-list{margin:8px 0;padding-left:18px}
.mx-card button.mx-version-pick{display:block;width:100%;padding:2px 0;background:transparent;color:#d7eef6;font-size:12px;font-weight:500;line-height:1.45;text-align:left;white-space:normal}
.mx-card button.mx-version-pick.is-on{color:#8ef0f6}
.mx-note{color:#94aebe;font-size:12px;margin:2px 0 0}
.mx-card select option{background:#0b1a24;color:#e5f1f9}
.mx-source,.mx-dimension{display:grid;gap:8px;padding:12px;border:1px solid #294556;border-radius:8px}
.mx-check{display:flex;align-items:center;gap:8px;color:#e7f4fb;font-weight:600}
.mx-check input{width:16px;height:16px;padding:0;margin:0}
.mx-sources-area{margin:16px 0}
.mx-sources-area h3{margin:0 0 8px;font-size:15px}
.mx-source-note td{padding:8px}
.mx-source-note textarea{width:100%;min-height:72px}
.mx-fold{margin:12px 0;padding:8px 12px;border:1px solid #294556;border-radius:8px}
.mx-fold summary{cursor:pointer;color:#72dce6;font-weight:700}
.mx-action-list,.mx-audit-list{margin:8px 0 0;padding-left:18px}
.mx-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mx-inline .mx-dim-note{flex-basis:100%;margin:0}
.mx-head{display:flex;justify-content:space-between;gap:16px;align-items:center}
.mx-rev{margin-left:8px;color:#72dce6;font-size:12px;font-weight:700;letter-spacing:.06em}
.mx-head a{color:#72dce6}
#mx-qr{width:220px;height:220px;background:#fff;border-radius:8px}
.mx-action-list textarea{display:block;width:100%;box-sizing:border-box;margin:12px 0 0}
.mx-action-list .mx-inline{margin:10px 0 16px;padding:4px 2px}
.mx-request{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,240px);gap:20px;align-items:start}
.mx-request > *{min-width:0}
.mx-score-panel{box-sizing:border-box;max-width:100%;border:1px solid #294556;border-radius:8px;padding:8px 10px;background:#0b1a24}
.mx-score-panel-title{margin:0 0 6px;color:#72dce6;font-size:12px;font-weight:700}
.mx-score-panel table{width:100%;border-collapse:collapse;font-size:12px}
.mx-score-panel th,.mx-score-panel td{padding:4px 6px;text-align:left;border-bottom:1px solid #294556;white-space:normal;overflow-wrap:anywhere}
.mx-score-panel th{color:#94aebe;font-weight:600}
.mx-score-panel .mx-dim-note{margin:6px 0 0}
@media(max-width:800px){.mx-filters,.mx-codes{grid-template-columns:1fr;columns:1}.mx-edit th{width:108px}.mx-request{grid-template-columns:1fr}}
