.mh-form{display:grid;gap:14px}.mh-form label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.mh-form input,.mh-form select,.mh-form textarea,.mh-search{width:100%;padding:12px;border:1px solid var(--line-strong);border-radius:10px;color:var(--text);background:var(--surface2)}.mh-form textarea{min-height:100px}.mh-modal{border:1px solid var(--line-strong);border-radius:20px;background:var(--surface);color:var(--text);width:min(580px,94vw);max-height:90vh;padding:24px}.mh-modal::backdrop{background:#000b}.mh-modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mh-error{color:var(--red);min-height:20px}.mh-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.mh-table{overflow:auto}.mh-empty{padding:28px;text-align:center;color:var(--muted)}.app-side{overflow-y:auto}.app-role{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mh-help{font-size:13px;color:var(--muted);line-height:1.7}.mh-setup{max-width:850px;margin:auto}.mh-account{padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.mh-account strong{display:block;margin-bottom:12px}.mh-lock{max-width:460px;margin:50px auto}.mh-table td{max-width:340px;overflow-wrap:anywhere}.brand-badge img{width:100%;height:100%;object-fit:contain}.mh-receipt{display:none}@media(max-width:700px){.app-layout{display:block!important}.app-side{display:flex!important;flex-wrap:wrap;gap:4px;padding:10px!important;position:static!important;width:100%!important}.app-side .side-group{display:none}.app-side button{width:auto!important;font-size:12px!important;padding:9px!important}.app-content{padding:18px!important}.app-metrics{grid-template-columns:1fr 1fr!important}.app-two,.pos-layout{grid-template-columns:1fr!important}}@media print{body>*{display:none!important}body>.mh-receipt{display:block!important;color:#000;background:#fff;padding:30px}.mh-receipt table{width:100%;border-collapse:collapse}.mh-receipt td,.mh-receipt th{padding:10px;border-bottom:1px solid #ccc}}
.mh-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:12px 0 18px}.mh-media-item{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface2)}.mh-media-item img{display:block;width:100%;height:120px;object-fit:cover;background:var(--bg2)}.mh-media-item div{padding:9px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mh-media-item b{font-size:11px;margin-right:auto}.mh-media-item .sm-btn{font-size:10px;padding:5px 7px;height:auto}.mh-media-item .sm-btn[data-media-delete]{color:#b42318}
.mh-report-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:10px 0 22px}.mh-report-filters label{min-width:150px}.mh-report-filters input,.mh-report-filters select{width:100%;min-height:40px}.mh-advanced-report h3{margin:28px 0 12px}.mh-advanced-report .mh-table{margin-bottom:18px}@media print{.app-side,.app-top,.mh-report-filters,#mhPrintReport{display:none!important}.app-shell{position:static!important;display:block!important}.mh-advanced-report{box-shadow:none!important;border:0!important}}
.mh-notifications{margin-top:18px}.mh-notification-list{display:grid;gap:10px}.mh-notification{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface2);display:grid;grid-template-columns:auto 1fr auto;gap:5px 10px;align-items:center}.mh-notification.unread{border-color:rgba(20,92,230,.45);background:color-mix(in srgb,var(--blue) 5%,var(--surface))}.mh-notification strong{font-size:13px}.mh-notification p{grid-column:2/4;margin:0;color:var(--muted);font-size:12px}.mh-notification small{grid-column:3;grid-row:1;color:var(--muted2);font-size:10px}@media(max-width:650px){.mh-notification{grid-template-columns:1fr}.mh-notification p,.mh-notification small{grid-column:1;grid-row:auto}}
.mh-receipt-history{margin-top:10px;min-width:180px;max-width:320px}
.mh-receipt-history summary{cursor:pointer;color:var(--blue);font-size:12px}
.mh-receipt-history ol{padding-left:20px;margin:10px 0}
.mh-receipt-history li{padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.mh-receipt-history a{color:var(--blue);text-decoration:underline}
.mh-receipt-history small{display:block;color:var(--muted);line-height:1.5;margin-top:4px}
.mh-receipt-history p{font-size:12px;white-space:pre-wrap;margin:6px 0;color:var(--text)}
.mh-role-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 8%,var(--surface)),var(--surface))}.mh-role-intro h2{margin:8px 0 5px;font-size:20px}.mh-role-intro p{margin:0;color:var(--muted);line-height:1.55;max-width:650px}.mh-role-shortcuts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:700px){.mh-role-intro{display:grid}.mh-role-shortcuts{justify-content:flex-start}.mh-role-shortcuts .btn{flex:1 1 130px}}