body{font-family:Segoe UI,sans-serif;background:#f4f6f8;margin:0;padding:16px}
.card{max-width:360px;margin:0 auto;background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.08);text-align:center}
h2{color:#0b3b5a;margin:.2em 0 .6em}
.btn{display:block;width:100%;padding:14px;margin:10px 0;border:0;border-radius:24px;background:#005d93;color:#fff;font-size:16px;font-weight:600;cursor:pointer}
.btn.ghost{background:#eef2f5;color:#005d93}
.btn.in{background:#1e7e34;font-size:18px;padding:18px}
.btn.out{background:#c0392b;font-size:18px;padding:18px}
.btn:disabled{opacity:.5}
input{width:100%;padding:12px;border:1px solid #ccc;border-radius:10px;margin:8px 0;font-size:16px;text-align:center;box-sizing:border-box}
video{width:100%;border-radius:12px;background:#000;min-height:180px}
.muted{color:#667;font-size:14px;margin:6px 0;display:block}
.back{color:#005d93;text-decoration:none;float:left}
select{width:100%;padding:12px;border:1px solid #ccc;border-radius:10px;margin:8px 0;font-size:16px;box-sizing:border-box;background:#fff}
.empList{max-height:180px;overflow-y:auto;border:1px solid #ccc;border-radius:10px;margin:8px 0;text-align:left}
.empRow{padding:10px 12px;cursor:pointer;border-bottom:1px solid #eee;font-size:14px}
.empRow:last-child{border-bottom:0}
.empRow:hover{background:#eef2f5}
.empRow.selected{background:#005d93;color:#fff}
.tabs{display:flex;gap:6px;margin:10px 0}
.tabBtn{flex:1;padding:10px;border:1px solid #ccc;border-radius:10px;background:#eef2f5;color:#005d93;font-weight:600;cursor:pointer}
.tabBtn.active{background:#005d93;color:#fff;border-color:#005d93}
.thumbs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #ccc}

.card.wide{max-width:520px}
.btn.small{width:auto;padding:8px 14px;margin:0;font-size:13px;display:inline-block}
.dashHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.chips{display:flex;gap:6px;margin:8px 0}
.chip{flex:1;padding:8px;border:1px solid #ccc;border-radius:16px;background:#eef2f5;color:#005d93;font-weight:600;cursor:pointer;font-size:13px}
.chip.active{background:#005d93;color:#fff;border-color:#005d93}
.empRow{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #eee;font-size:14px;text-align:left}
.empRow:last-child{border-bottom:0}
.empName{flex:1}
.badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}
.badge-ok{background:#e3f7e8;color:#1e7e34}
.badge-pending{background:#eee;color:#666}
.usersTable{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px;text-align:left}
.usersTable td{padding:8px;border-bottom:1px solid #eee}
.addUser{display:flex;gap:6px;align-items:center}
.addUser input{margin:0}