.misau-shell{font-family:Arial,sans-serif;background:#fff;color:#101828;border:1px solid #eaecf0;border-radius:20px;padding:18px;box-shadow:0 12px 30px rgba(16,24,40,.06)}
.misau-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:4px 0 16px;border-bottom:1px solid #f2f4f7;margin-bottom:16px}.misau-topbar.compact{padding-top:0}.misau-kicker{font-size:11px;letter-spacing:.18em;color:#667085;text-transform:uppercase;margin-bottom:4px}.misau-topbar h2{margin:0;font-size:24px;font-weight:600;color:#111827}
.misau-pills{display:flex;gap:8px;flex-wrap:wrap}.misau-pills span{font-size:12px;border:1px solid #e4e7ec;padding:8px 10px;border-radius:999px;background:#fff}
.misau-grid{display:grid;gap:16px}.stats-3,.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.misau-card{background:#fff;border:1px solid #eaecf0;border-radius:18px;padding:16px}.misau-card h3{margin:0 0 14px;font-size:16px;font-weight:600}.misau-card.stat label{display:block;font-size:12px;color:#667085;margin-bottom:6px}.misau-card.stat strong{font-size:36px;font-weight:600;color:#111827}
.misau-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.misau-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #d0d5dd;background:#fff;color:#111827;border-radius:14px;padding:12px 14px;font-weight:600;cursor:pointer;transition:.18s ease}.misau-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,24,40,.08)}.misau-btn.alt{background:#f9fafb}
.misau-table{width:100%;border-collapse:collapse}.misau-table th,.misau-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #f2f4f7;font-size:13px}.misau-table th{color:#667085;font-weight:600}
.misau-list-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f2f4f7}.misau-list-line:last-child{border-bottom:0}
.misau-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#475467}.misau-form input,.misau-form select,.misau-form textarea{border:1px solid #d0d5dd;border-radius:14px;padding:12px 13px;font-size:14px;background:#fff;color:#101828;outline:none}.misau-form textarea{min-height:88px;resize:vertical}.misau-form .toggle{align-self:end}.misau-form .toggle input{margin-right:8px}
.misau-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.misau-status{font-size:13px;font-weight:600;color:#667085}.misau-scanner-bar{display:flex;gap:10px;flex-wrap:wrap;padding-top:8px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}
.misau-endpoint{padding:12px 0;border-bottom:1px solid #f2f4f7}.misau-endpoint:last-child{border-bottom:0}.misau-endpoint code{background:#f8fafc;padding:6px 8px;border-radius:10px;display:inline-block}
.sev{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em}.sev-red{background:#fef3f2;color:#b42318}.sev-orange{background:#fff6ed;color:#c4320a}.sev-yellow{background:#fffaeb;color:#b54708}.sev-green{background:#ecfdf3;color:#027a48}.sev-blue{background:#eff8ff;color:#175cd3}
.misau-admin-wrap h1{margin-bottom:18px}.misau-admin-cards{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0 22px}.misau-admin-card{background:#fff;border:1px solid #eaecf0;border-radius:18px;padding:16px 18px;min-width:180px}.misau-admin-card span{display:block;color:#667085;font-size:12px;margin-bottom:6px}.misau-admin-card strong{font-size:32px}
.misau-scanner-stage{display:grid;gap:14px}.misau-camera{height:160px;border:1px solid #e4e7ec;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f8fafc);font-weight:600;color:#475467}.misau-progress{height:10px;background:#f2f4f7;border-radius:999px;overflow:hidden}.misau-progress span{display:block;height:100%;width:0%;background:#d0d5dd;transition:width .25s ease}.misau-scanner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.misau-scanner-grid div{border:1px solid #eaecf0;border-radius:14px;padding:12px}.misau-scanner-grid label{display:block;font-size:11px;color:#667085;margin-bottom:5px;text-transform:uppercase;letter-spacing:.08em}.misau-scanner-grid strong{font-size:22px;font-weight:600;color:#111827}
@media(max-width:900px){.stats-3,.cols-3,.cols-2,.misau-button-grid,.misau-scanner-grid{grid-template-columns:1fr}.span-3,.span-2{grid-column:auto}}

.misau-camera-wrap{position:relative;height:260px;border:1px solid #e4e7ec;border-radius:18px;overflow:hidden;background:#f8fafc}
.misau-camera-video,.misau-camera-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.misau-camera-canvas{display:none}
.misau-camera-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;pointer-events:none}
.misau-face-box{width:42%;height:42%;margin:auto;border:1px solid rgba(255,255,255,.85);border-radius:22px;box-shadow:0 0 0 9999px rgba(255,255,255,.06) inset;background:transparent}
.misau-camera-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(8px);border-radius:14px;padding:10px 12px;color:#111827}
.misau-camera-meta span{font-size:12px;color:#475467;text-transform:uppercase;letter-spacing:.08em}
.misau-camera-meta strong{font-size:20px;font-weight:600}
@media(max-width:900px){.misau-camera-wrap{height:220px}}