*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#17202a;font-family:Arial,sans-serif}.wrap{max-width:1180px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h1{margin:5px 0}header h1 span{font-size:15px;background:#111;color:#fff;padding:6px 9px;border-radius:8px}header p,small,.hint,#status{color:#68727d}header>b{background:#fff;border:1px solid #d9dee3;border-radius:18px;padding:8px 12px}.card,.cards article{background:#fff;border:1px solid #e0e5e9;border-radius:14px;padding:18px;box-shadow:0 4px 18px #00000008;margin-bottom:16px}.grid{display:grid;grid-template-columns:2fr .7fr .8fr 1fr 1fr;gap:10px}label{font-size:12px;font-weight:bold}input,select{width:100%;padding:10px;margin-top:5px;border:1px solid #cdd5dc;border-radius:8px}button{padding:10px 14px;border:0;border-radius:8px;background:#111;color:#fff;font-weight:bold;cursor:pointer;margin-top:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards article{display:flex;flex-direction:column;gap:7px}.cards strong{font-size:21px}.cards span{font-size:12px;color:#59636d}nav{display:flex;gap:8px;margin:4px 0 16px;overflow:auto}nav button{margin:0;background:#e9edf0;color:#20262c;white-space:nowrap}.hidden{display:none!important}.title{display:flex;justify-content:space-between;align-items:center;gap:12px}.title input{max-width:320px;margin:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf0f2;font-size:13px}th{font-size:11px;color:#69737c}.secondary{background:#e9edf0;color:#222;margin:0}pre{background:#101418;color:#edf2f6;padding:15px;border-radius:10px;overflow:auto;max-height:600px;white-space:pre-wrap}@media(max-width:780px){.grid,.cards{grid-template-columns:1fr}.wrap{padding:13px}header{align-items:flex-start;gap:10px}.title{align-items:flex-start;flex-direction:column}.title input{max-width:none}}
.actions{display:flex;gap:8px;flex-wrap:wrap}.event{border:1px solid #e0e5e9;border-radius:10px;padding:14px;margin-top:12px}.event strong{display:block;font-size:17px}.event span{font-size:11px;color:#68727d}.event p{margin-bottom:0;font-size:13px}

.face-summary{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 12px;align-items:baseline;margin:14px 0}.face-summary strong{font-size:25px}.face-summary span{font-size:12px;color:#68727d}.mono{font-family:monospace;font-size:11px;max-width:380px;word-break:break-all}@media(max-width:650px){.face-summary{grid-template-columns:auto 1fr}}

.history-summary{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 12px;align-items:baseline;margin:14px 0}.history-summary strong{font-size:25px}.history-summary span{font-size:12px;color:#68727d}h3{margin-top:25px}@media(max-width:650px){.history-summary{grid-template-columns:auto 1fr}}

.filters{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 15px}.badge{display:inline-block;padding:4px 7px;border-radius:999px;font-size:11px;font-weight:700}.badge.ok{background:#e9f7ef}.badge.bad{background:#fdecec}.history-summary{grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:20px;z-index:999}.modal.hidden{display:none}.modalbox{background:#fff;padding:14px;border-radius:14px;max-width:760px;width:100%}.modalbox img{display:block;max-width:100%;max-height:70vh;margin:12px auto;border-radius:9px}@media(max-width:850px){.history-summary{grid-template-columns:auto 1fr auto 1fr}}

.forensic-summary{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 12px;align-items:baseline;margin:14px 0}.forensic-summary strong{font-size:25px}.forensic-summary span{font-size:12px;color:#68727d}.forensic{border:1px solid #e4e7eb;border-radius:10px;padding:10px 12px;margin:8px 0;background:#fff}.forensic summary{cursor:pointer;font-weight:700}.forensic pre{max-height:330px;overflow:auto;background:#111827;color:#f3f4f6;padding:12px;border-radius:8px;font-size:11px}

.live-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.live-wait{padding:14px;border:1px dashed #b8c0ca;border-radius:10px;margin:12px 0}.live-event{border-left:4px solid #1f7a4d}.event.bad{border-left:4px solid #b42318}

.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}.cert-grid article{border:1px solid #e4e7eb;border-radius:10px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px}.cert{font-size:10px;font-weight:800;letter-spacing:.04em}.cert.ok{color:#18794e}.cert.no{color:#b42318}.cert.wait{color:#8a6100}

.quick-tool{margin:12px 0}.quick-tool button{width:100%}