.mi{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}
.mi__hero{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;padding:22px 24px;border-radius:32px;background:linear-gradient(125deg,var(--sky,#d9e8f6),var(--lav,#e4dbf6) 55%,var(--blush,#f6d3de));position:relative;overflow:hidden;border:2px solid var(--surface)}
.mi__hero::after{content:"";position:absolute;right:-8px;top:-10px;width:170px;height:70px;opacity:.9;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 70'%3E%3Cpath d='M20 62a16 16 0 0 1 4-31 20 20 0 0 1 37-8 17 17 0 0 1 30 8 15 15 0 0 1 8 31z' fill='%23fffdfa'/%3E%3Cpath d='M100 50a12 12 0 0 1 4-23 16 16 0 0 1 30-4 13 13 0 0 1 22 9 11 11 0 0 1 2 18z' fill='%23fffdfa' opacity='.8'/%3E%3C/svg%3E") no-repeat right top/contain}
.mi__hero h2{margin:4px 0;font-size:clamp(24px,3vw,34px);letter-spacing:-.5px;color:var(--ink)}.mi__hero p{margin:0;max-width:520px;color:var(--ink);opacity:.85}
.mi__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-deep,#6f9a72)}
.mi__sprig{width:34px;height:20px;color:var(--sage-deep,#6f9a72);flex:none}
.mi__co{display:flex;gap:6px;background:var(--surface);padding:5px;border-radius:999px;position:relative;z-index:1;box-shadow:var(--shadow)}
.mi__co button{border:0;border-radius:999px;padding:8px 18px;font-weight:800;background:transparent;color:var(--muted);cursor:pointer}
.mi__co button[aria-selected=true]{background:var(--violet);color:var(--surface)}
.mi__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mi__stat{border-radius:24px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;border:2px solid var(--surface);box-shadow:var(--shadow)}
.mi__stat small{font-weight:800;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;opacity:.8}.mi__stat b{font-size:1.35rem;font-family:var(--mono);font-variant-numeric:tabular-nums}.mi__stat span{font-size:.82rem;opacity:.8}
.mi__stat.late{background:var(--red-soft)}.mi__stat.week{background:var(--butter,#fbe9b7)}.mi__stat.later{background:var(--sky,#d9e8f6)}.mi__stat.landed{background:var(--good-soft)}
@media (max-width:700px){.mi__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mi__card{padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.mi__head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.mi__head h3{margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem}.mi__head h3 small{color:var(--muted);font-weight:600;font-size:.8rem}
.mi__sub{margin:6px 0 0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.mi__sub.late{color:var(--red)}
.mi__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mi__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:12px 14px;border-radius:20px;background:var(--bg2);border:2px solid transparent}
.mi__row.is-late{background:var(--red-soft)}.mi__row.is-in-bank,.mi__row.is-marked,.mi__row.dep.is-in-qbo{background:var(--good-soft)}.mi__row.is-due{background:var(--gold-soft)}.mi__row.dep.is-not-in-qbo{border-color:var(--blush,#f6d3de)}
.mi__who{min-width:0}.mi__who b{display:block}.mi__who small{display:block;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.mi__who a{color:var(--violet)}
.mi__amt{font-family:var(--mono);font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.mi__amt small{display:block;font-family:inherit;font-weight:600;color:var(--muted);font-size:.78rem}
.mi__side{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.mi__btns{display:flex;flex-wrap:wrap;gap:6px}
.mi__chip{font-size:.74rem;font-weight:800;border-radius:999px;padding:3px 10px;background:var(--surface);color:var(--ink)}
.mi__chip.is-ok{background:var(--good);color:var(--surface)}.mi__chip.is-late{background:var(--red);color:var(--surface)}.mi__chip.is-due{background:var(--gold);color:var(--surface)}.mi__chip.is-mid{background:var(--lav,#e4dbf6);color:var(--ink)}.mi__chip.is-soft{background:var(--surface);color:var(--muted)}
.mi__form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border-radius:20px;background:var(--violet-soft)}
.mi__form label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:.82rem}.mi__form .wide{grid-column:span 2}
.mi__form input,.mi__form select{border:2px solid var(--line);border-radius:12px;padding:7px 10px;background:var(--surface);color:var(--ink);font:inherit;min-width:0}
.mi__form .mi__btns{grid-column:1/-1}
@media (max-width:700px){.mi__form{grid-template-columns:1fr}.mi__form .wide{grid-column:auto}}
.mi__toggle{align-self:flex-start;border:0;background:none;color:var(--violet);font-weight:800;cursor:pointer;padding:4px 0}
.mi__note,.mi__empty{margin:0;color:var(--muted);font-size:.88rem}.mi__msg{margin:0;font-weight:700;color:var(--sage-deep,#6f9a72)}.mi__msg:empty{display:none}

.mi__stat.late,.mi__stat.week,.mi__stat.later,.mi__stat.landed{color:var(--ink)}
:root[data-theme=dark] .mi__hero::after{opacity:.18}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mi__hero::after{opacity:.18}}
.mi__hero{padding-bottom:40px}
.mi__hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:20px;--chk-size:12px;pointer-events:none;opacity:.95;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20' preserveAspectRatio='none'%3E%3Cpath d='M0 20V8c15 0 15-8 30-8s15 8 30 8 15-8 30-8 15 8 30 8v12z'/%3E%3C/svg%3E") 0 0/120px 100% repeat-x;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20' preserveAspectRatio='none'%3E%3Cpath d='M0 20V8c15 0 15-8 30-8s15 8 30 8 15-8 30-8 15 8 30 8v12z'/%3E%3C/svg%3E") 0 0/120px 100% repeat-x}