:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e3e9f1;padding:18px 4vw;display:flex;justify-content:space-between;align-items:center}header small{color:#6c788c;font-weight:800;letter-spacing:.1em}h1{margin:4px 0 0;font-size:24px}h1 span{font-size:13px;color:#6b7280}.header-actions{display:flex;align-items:center;gap:8px}.badge{padding:8px 12px;border-radius:999px;background:#eef2f7;font-size:12px;font-weight:800}.badge.online{background:#dcfce7;color:#166534}.badge.offline{background:#fee2e2;color:#991b1b}main{padding:24px 4vw}.login-card{max-width:420px;margin:8vh auto;background:#fff;padding:25px;border:1px solid #e1e7ef;border-radius:16px;box-shadow:0 10px 35px rgba(0,0,0,.06)}label{display:block;margin:12px 0;font-size:13px;font-weight:700}input{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:9px;margin-top:6px}.primary,.ghost,.link{border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.primary{background:#1d4ed8;color:#fff}.small{padding:8px 11px}.ghost{background:#edf1f6;color:#25334a}.link{padding:5px 7px;background:transparent;color:#1d4ed8}.link.danger{color:#b91c1c}nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}nav button{border:0;padding:10px 13px;border-radius:9px;background:#e9eef5;cursor:pointer;font-weight:800}nav button.active{background:#1d4ed8;color:#fff}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}.stat,.panel,.view{background:#fff;border:1px solid #e1e7ef;border-radius:14px}.stat{padding:14px}.stat span{display:block;color:#718096;font-size:12px}.stat strong{font-size:28px}.panel,.view{padding:18px}.view>.panel{border:0;padding:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px;border-bottom:1px solid #e7ebf1;white-space:nowrap}th{color:#69758a;font-size:11px;text-transform:uppercase}.pill{padding:4px 8px;border-radius:999px;font-weight:800;font-size:11px}.pill.in{background:#dcfce7;color:#166534}.pill.out{background:#dbeafe;color:#1d4ed8}.mono{font-family:monospace;font-size:11px}.message{padding:10px;border-radius:8px;margin-top:10px}.message.error{background:#fee2e2;color:#991b1b}.modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:18px;z-index:20}.modal-card{background:#fff;border-radius:16px;max-width:640px;width:100%;max-height:92vh;overflow:auto;padding:20px}.modal-head{display:flex;justify-content:space-between}.modal-head button{border:0;background:none;font-size:25px;cursor:pointer}.camera-box{background:#f4f7fb;padding:10px;border-radius:10px}.camera-box video{width:100%;aspect-ratio:16/9;background:#111827;object-fit:cover;transform:scaleX(-1);border-radius:8px}.camera-buttons{display:flex;gap:8px;margin-top:8px}.camera-box span{font-size:12px;color:#68758a}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}pre{white-space:pre-wrap;background:#0f172a;color:#e2e8f0;padding:16px;border-radius:12px}.toast{position:fixed;right:20px;bottom:20px;background:#172033;color:#fff;padding:12px 16px;border-radius:9px}.hidden{display:none!important}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.stats{grid-template-columns:repeat(2,1fr)}main{padding:14px}}
.toolbar-actions{display:flex;gap:8px;align-items:center}.sync-status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.sync-ok{background:#dcfce7;color:#166534}.sync-warn{background:#fef3c7;color:#92400e}.sync-error{background:#fee2e2;color:#991b1b}.sync-muted{background:#eef2f7;color:#5b6472}.sync-message{display:block;max-width:300px;margin-top:4px;color:#6b7280;white-space:normal;line-height:1.3}

.account-box{margin:14px 0;padding:14px;border:1px solid #dbe3ee;border-radius:12px;background:#f8fafc}.account-box h3{margin:0 0 6px;font-size:14px}.account-box small{display:block;color:#6b7280;font-size:12px;line-height:1.45;margin-top:5px}